// JavaScript Document

function nav(obId){
	var pos = "0 0";
	var to = "nav";
	var gals = false;
	switch(obId){
		case "gallery":
			pos = "-75px 0px";
			mopen(obId+'-ext');
			break;
		case "gallery-ext":
			mcancelclosetime();
			break;
		case "about":
			mopen(obId+'-ext');
			pos = "-150px 0px";
			break;
		case "about-ext":
			mcancelclosetime();
			break;
		case "nav-privGalleries":
			pos = "-225px 0px";
			break;
		case "blog":
			pos = "-300px 0px";
			break;
		case "contact":
			pos = "-375px 0px";
			break;
		case "nav":
			pos = "0px 0px";
			break;
		case "gallery-dogs":
			pos = "150px 0px";
			to = "gallery-dogs";
			gals = true;
			break;
		case "gallery-cats":
			pos = "150px 0px";
			to = "gallery-cats";
			gals = true;
			break;
		case "gallery-horses":
			pos = "150px 0px";
			to = "gallery-horses";
			gals = true;
			break;
		case "gallery-45":
			pos = "150px 0px";
			to = "gallery-45";
			gals = true;
			break;
		case "about-artist":
			pos = "140px 0px";
			to = "about-ext";
			break;
		case "about-info":
			pos = "70px 0px";
			to = "about-ext";
			break;
	}
	if(gals){
		document.getElementById("gallery-dogs").style.backgroundPosition = 0;
		document.getElementById("gallery-cats").style.backgroundPosition = 0;
		document.getElementById("gallery-horses").style.backgroundPosition = 0;
		document.getElementById("gallery-45").style.backgroundPosition = 0;
	}
	document.getElementById(to).style.backgroundPosition = pos;
}

var timeout	= 500;
var closetimer	= 0;
var ddmenuitem	= 0;
var closedItem = false;

// open hidden layer
function mopen(id)
{	
	closedItem = true;
	
	// cancel close timer
	mcancelclosetime();

	// close old layer
	if(ddmenuitem) ddmenuitem.style.display = "none";

	// get new layer and show it
	ddmenuitem = document.getElementById(id);
	ddmenuitem.style.display = "block";

}
// close showed layer
function mclose()
{
	if(closedItem){
		if(ddmenuitem && ddmenuitem != undefined) ddmenuitem.style.display = "none"; ddmenuitem.style.backgroundPosition="0 0";
	}
}

// go close timer
function mclosetime()
{
	closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetime()
{
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

// close layer when click-out
document.onclick = mclose;