var runTimer;
var gTimer;
var dt;
var mouseOverAny;

runTimer=0;
gTimer=0;
dt=50;
alphaStep=0.1;

// menu
var leftMenu = new Array();
leftMenu['HOME']={"parent":"","submenu":"", "active":0, "alpha": 0, "fade":0, "timer":0 };
leftMenu['ABOUT_US']={"parent":"","submenu":"", "active":0, "alpha": 0, "fade":0, "timer":0 };
leftMenu['DOCTORS']={"parent":"","submenu":"", "active":0, "alpha": 0, "fade":0, "timer":0 };
leftMenu['USG_PREG']={"parent":"","submenu":"submenu_3_1", "active":1, "alpha": 0, "fade":0, "timer":0 };
	leftMenu['submenu_3_1']={"parent":"USG_PREG","submenu":"", "active":0, "alpha": 0, "fade":0, "timer":0 };
	leftMenu['USG_PREG_1_1']={"parent":"USG_PREG","submenu":"", "active":0, "alpha": 0, "fade":0, "timer":0 };
	leftMenu['USG_PREG_1_2']={"parent":"USG_PREG","submenu":"", "active":0, "alpha": 0, "fade":0, "timer":0 };
	leftMenu['USG_PREG_1_3']={"parent":"USG_PREG","submenu":"", "active":0, "alpha": 0, "fade":0, "timer":0 };
	leftMenu['USG_PREG_1_4']={"parent":"USG_PREG","submenu":"", "active":0, "alpha": 0, "fade":0, "timer":0 };
	leftMenu['USG_PREG_1_5']={"parent":"USG_PREG","submenu":"", "active":0, "alpha": 0, "fade":0, "timer":0 };
leftMenu['USG_OTHER']={"parent":"","submenu":"", "active":0, "alpha": 0, "fade":0, "timer":0 };
leftMenu['GINEACOLOGY']={"parent":"","submenu":"submenu_5_1", "active":1, "alpha": 0, "fade":0, "timer":0 };
	leftMenu['submenu_5_1']={"parent":"GINEACOLOGY","submenu":"", "active":0, "alpha": 0, "fade":0, "timer":0 };
	leftMenu['GINEACOLOGY_1_1']={"parent":"GINEACOLOGY","submenu":"", "active":0, "alpha": 0, "fade":0, "timer":0 };
	leftMenu['GINEACOLOGY_1_2']={"parent":"GINEACOLOGY","submenu":"", "active":0, "alpha": 0, "fade":0, "timer":0 };
	leftMenu['GINEACOLOGY_1_3']={"parent":"GINEACOLOGY","submenu":"", "active":0, "alpha": 0, "fade":0, "timer":0 };
	leftMenu['GINEACOLOGY_1_4']={"parent":"GINEACOLOGY","submenu":"", "active":0, "alpha": 0, "fade":0, "timer":0 };
	leftMenu['GINEACOLOGY_1_5']={"parent":"GINEACOLOGY","submenu":"", "active":0, "alpha": 0, "fade":0, "timer":0 };
	leftMenu['GINEACOLOGY_1_6']={"parent":"GINEACOLOGY","submenu":"", "active":0, "alpha": 0, "fade":0, "timer":0 };
	leftMenu['GINEACOLOGY_1_7']={"parent":"GINEACOLOGY","submenu":"", "active":0, "alpha": 0, "fade":0, "timer":0 };
	leftMenu['GINEACOLOGY_1_8']={"parent":"GINEACOLOGY","submenu":"", "active":0, "alpha": 0, "fade":0, "timer":0 };
leftMenu['PRESSRELEASE']={"parent":"","submenu":"", "active":0, "alpha": 0, "fade":0, "timer":0 };
leftMenu['CONTACT']={"parent":"","submenu":"", "active":0, "alpha": 0, "fade":0, "timer":0 };
leftMenu['PRICES']={"parent":"","submenu":"", "active":0, "alpha": 0, "fade":0, "timer":0 };
leftMenu['CORPORATION']={"parent":"","submenu":"", "active":0, "alpha": 0, "fade":0, "timer":0 };

var leftMenuStatic = new Array();
leftMenuStatic['USG_PREG']={"id":"submenu_3_1_static","parent":"","submenu":"submenu_3_1", "active":0, "alpha": 0, "fade":0, "timer":0 };
leftMenuStatic['GINEAKOLOGY']={"id":"submenu_5_1_static","parent":"","submenu":"submenu_5_1", "active":0, "alpha": 0, "fade":0, "timer":0 };

function divMenuHoriz(e,fade,setClass) {
	// e event
	// me do function only for this element
	// submenuID menu to open
	// fade in +1 out -1 
	
	e.cancelBubble = true;
	if (e.stopPropagation) e.stopPropagation();	
	
	var el;	// html element
	var tg = (e.target) ? e.target : e.srcElement;
	
	dbg = document.getElementById("dbg");
	if(dbg){
		dbg.innerHTML=tg.id;
	}
	
	if(! (tg.id in leftMenu)) return;
	
	if(setClass!="") tg.className=setClass; // ustawia podana klase css

	if(fade>0 && leftMenu[tg.id]["parent"]!="") // jezeli mouseIN i jest to submenu
	{
		// to ustawia sobie fade na narastanie, wtedy zegar uruchomiony przy mouseOUT
		// z parenta nie wygasi submenu
		leftMenu[leftMenu[leftMenu[tg.id]["parent"]]["submenu"]]["fade"]=1;
		el = document.getElementById(leftMenu[tg.id]["parent"]).parentNode;
		if(el) id=el.id;
		if(id && leftMenu[id]) leftMenu[id]["fade"]=1
	}
	if(fade<0 && leftMenu[tg.id]["parent"]!="") // jezeli mouseOUT i jest to submenu
	{
		// to ustawia sobie fade na wygaszanie
		leftMenu[leftMenu[leftMenu[tg.id]["parent"]]["submenu"]]["fade"]=-1;
		leftMenu[leftMenu[leftMenu[tg.id]["parent"]]["submenu"]]["timer"]=setTimeout("setColorTm('"+leftMenu[leftMenu[tg.id]["parent"]]["submenu"]+"')",dt*10);
	}
	submenuID=leftMenu[tg.id]["submenu"];
	active=leftMenu[tg.id]["active"];
	if(submenuID=="") // jesli nie ma submenu to wyjdz
	{
		return;
	}
	else	// jesli ma to
	{
		if(fade<0)	// if mouseOUT
		{
			// rozpocznij wygaszanie submenu
			mouseOverAny=0;
			leftMenu[submenuID]["fade"]=-1;
			//leftMenu[tg.id]["active"]=1;
			leftMenu[submenuID]["timer"]=setTimeout("setColorTm('"+submenuID+"')",dt*3); // fade out with delay
		}
		else	// mouseIN
		{
			if(active)
			{
				// rozpocznij zapalanie submenu
				mouseOverAny=1;
				leftMenu[submenuID]["fade"]=1;
				//leftMenu[tg.id]["active"]=1;
				leftMenu[submenuID]["timer"]=setTimeout("setColorTm('"+submenuID+"')",dt);
			}
		}
	}
}

function divMenu(e,step) {
	// e event
	// me do function only for this element
	// submenuID menu to open
	// step +1 showing -1 hidding
	e.cancelBubble = true;
	if (e.stopPropagation) e.stopPropagation();	
	
	var el;	// html element
	var tg = (e.target) ? e.target : e.srcElement;
	if(step>=0) tg.className="menuItemHOVER";
	else tg.className="menuItem";
	submenuID=leftMenu[tg.id]["submenu"];
	
	if(submenuID=="") return;
	if(submenuID)
	{
		//document.getElementById(submenuID).style.width=document.getElementById(submenuID).offsetWidth;
		if(step<0)
		{
			leftMenu[tg.id]["fade"]=-1;
			leftMenu[tg.id]["active"]=0;
		}
		else
		{
			leftMenu[tg.id]["fade"]=1;
			leftMenu[tg.id]["active"]=1;
		}
	}
	if(!runTimer) gTimer=setTimeout("setColorTmVert()",dt);
}

function divMenuClick(e)
{
	// e event
	// me do function only for this element
	// submenuID menu to open
	// step +1 showing -1 hidding
	e.cancelBubble = true;
	if (e.stopPropagation) e.stopPropagation();	
		
	var el;	// html element
	var tg = (e.target) ? e.target : e.srcElement;
	//if(step>0) tg.className="menuItemACTIVE";
	//else tg.className="menuItem";
	if(!leftMenu[tg.id]["active"])
	{
		leftMenu[tg.id]["active"]=1;
	}
	else
	{
		leftMenu[tg.id]["active"]=0;
	}
}

function setColorTm(id)
{
	str='';
	runTimer=0;

	if(id=="") return;
	el=document.getElementById(id);
	if(leftMenu[id]["parent"]!="") elP=document.getElementById(leftMenu[id]["parent"]);
	else return;
	if(!el || !elP) return;
	rLeft = elP.offsetWidth;
	rTop = elP.offsetTop;
		
	/*
	el.style.left=rLeft-0;
	el.style.top =rTop;
	*/
	
	if(leftMenu[id]["timer"])
	{
		leftMenu[id]["alpha"]+=(leftMenu[id]["fade"]*alphaStep);
		if(leftMenu[id]["alpha"]>0) el.style.display="block";
		if(leftMenu[id]["alpha"]>=1)
		{
			clearTimeout(leftMenu[id]["timer"]);
			leftMenu[id]["timer"]=0;
			leftMenu[id]["alpha"]=1;
		}
		if(leftMenu[id]["alpha"]<=0)
		{
			clearTimeout(leftMenu[id]["timer"]);
			leftMenu[id]["timer"]=0;
			leftMenu[id]["alpha"]=0;
			el.style.display="none";
		}
		
		ieOpacity=leftMenu[id]["alpha"]*100;
		el.style.filter = "alpha(opacity=" + ieOpacity.toFixed(2) + ")";
		el.style.MozOpacity = leftMenu[id]["alpha"];
		el.style.KHTMLOpacity = leftMenu[id]["alpha"];
		el.style.opacity = leftMenu[id]["alpha"];
	}
	if(leftMenu[id]["timer"]) 
	{
		leftMenu[id]["timer"]=setTimeout("setColorTm('"+id+"')",dt);
	}
}

function setColorTmVert()
{
	str='';
	runTimer=0;
	for (key in leftMenu)
	{
		if(leftMenu[key]["submenu"]=="") continue;
		el=document.getElementById(leftMenu[key]["submenu"]);
		elP=document.getElementById(key);
		if(!el || !elP) continue;
		rLeft = elP.offsetWidth;
		rTop = elP.offsetTop;
		
		//el.style.left=rLeft+1;
		//el.style.top =rTop;
		
		
		if(leftMenu[key]["timer"])
		{
			leftMenu[key]["alpha"]+=(leftMenu[key]["fade"]*alphaStep);
			if(leftMenu[key]["alpha"]>0) el.style.display="block";
			if(leftMenu[key]["alpha"]>=1)
			{
				leftMenu[key]["timer"]=0;
				leftMenu[key]["alpha"]=1;
			}
			if(leftMenu[key]["alpha"]<=0)
			{
				leftMenu[key]["timer"]=0;
				leftMenu[key]["alpha"]=0;
				el.style.display="none";
			}
			
			ieOpacity=leftMenu[key]["alpha"]*100;
			el.style.filter = "alpha(opacity=" + ieOpacity.toFixed(2) + ")";
			el.style.MozOpacity = leftMenu[key]["alpha"];
			el.style.KHTMLOpacity = leftMenu[key]["alpha"];
			el.style.opacity = leftMenu[key]["alpha"];
			
      		runTimer=1;
    	}
	}
	if(runTimer) gTimer=setTimeout("setColorTmVert()",dt);
	else clearTimeout(gTimer);
}

function showMyStatic(_id)
{
	// first hide all statics
	hideAllStatic();
	// activate animation for all submenus
	activateAnimationAll();
	// then show given
	if(_id!="" && leftMenuStatic[_id])
	{
		// block animation for given animated submenu
		leftMenu[_id]['active']=0;
		// and show static menu
		e=document.getElementById(leftMenuStatic[_id]['id']);
		if(!e) return;
		e.style.display="block";
	}
}

function hideAllStatic()
{
	for (aE in leftMenuStatic)
	{
		e=document.getElementById(leftMenuStatic[aE]['id']);	
		if(!e){
			continue; 
		}
		e.style.display="none";
	}
}

function activateAnimationAll()
{
	for (aE in leftMenuStatic)
	{
		leftMenu[aE]['active']=1;
	}
}

