var OP=(navigator.userAgent.indexOf("Opera")>-1);
var IE=(navigator.appName == "Microsoft Internet Explorer") && (!OP) && (!navigator.product);
var MZ=(navigator.product=="Gecko") && (!OP);

var isBullet;

/* partnersBox global values*/
var onoff=0;
var startOpacity=70;
var toolTipOpacity=100;

var Thumbarray=new Array();

function initParams() {

var elClick=document.getElementById("navlist");
var elOverOut=elClick;
if(OP || MZ) {
  elClick.addEventListener('click',SwitchMenu,false);
  elOverOut.addEventListener('mouseover',ShowBullet,false);
  elOverOut.addEventListener('mouseout',ShowBullet,false);

}
else if (IE) {
elClick.onclick=SwitchMenu;
elOverOut.onmouseover=ShowBullet;
elOverOut.onmouseout=ShowBullet;
}

var nav=document.getElementById("navlist");
var listEL=nav.getElementsByTagName("LI");

var ItemID= new Array();
var subItemID=new Array();

for(i=0; i<listEL.length; i++) {

var ItemValue="item"+[i];

var ff=listEL[i].getElementsByTagName("SPAN");
if(ff.length>0) {
ff[0].setAttribute("id",ItemValue);
}

ItemID[i] = listEL[i].getAttribute("id");

var listELchild=listEL[i].getElementsByTagName("UL");


if(listELchild.length>0) {
for(x=0; x<listELchild.length; x++) {
var subItemValue="subitem"+[i];
listELchild[x].setAttribute("id",subItemValue);

}
}

}


/* init partners box all needed params */

var Partners=document.getElementById("partners");
var ImageList=Partners.getElementsByTagName("IMG");
var Clouds=Partners.getElementsByTagName("P");


for(i=0; i<ImageList.length; i++) {

var imgIDval="partner"+[i];
var cloudIDval="desc_partner"+[i];
Thumbarray[i]=imgIDval;
ImageList[i].setAttribute("id",imgIDval);
Clouds[i].setAttribute("id",cloudIDval);
	if(OP || MZ)
	{
	document.getElementById(imgIDval).style.opacity=startOpacity/100;
	ImageList[i].addEventListener('mousemove',toolTipMove,false);
	ImageList[i].addEventListener('mouseover',Over,false);
	ImageList[i].addEventListener('mouseout',Out,false);
	}
	else if(IE)
	{
	document.getElementById(imgIDval).style.filter="alpha(opacity="+startOpacity+")";
	ImageList[i].onmouseover=Over;
	ImageList[i].onmousemove=toolTipMove;
	ImageList[i].onmouseout=Out;
	}
	
	else 
	{
	ImageList[i].addEventListener('mousemove',toolTipMove,false);
	ImageList[i].addEventListener('mouseover',Over,false);
	ImageList[i].addEventListener('mouseout',Out,false);
	document.getElementById(imgIDval).style.filter="alpha(opacity="+startOpacity+")";
	document.getElementById(imgIDval).style.KHTMLOpacity = startOpacity/100;
	}
}

}



function SwitchMenu (e) {
if(OP || MZ)
{
var mainID=e.target.getAttribute("id");
}
else if (IE) {
var mainID=event.srcElement.getAttribute("id");
}

var subID="sub"+mainID;

var isSub = document.getElementById(subID);


if(isSub) {
if(isSub.style.display!="block") {
isSub.style.display="block";
document.getElementById(mainID).style.background="url(/template/images/navlist_hover.gif) no-repeat 190px 4px";
isBullet=null;
}
else if (isSub.style.display=="block") {
isSub.style.display="none";
isBullet=true;
}
}
}


function ShowBullet(e) {
if(OP || MZ)
{
var mainID=e.target.getAttribute("id");
}
else if (IE) {
var mainID=event.srcElement.getAttribute("id");
}

var subEL="sub"+mainID;

var isSubEL = document.getElementById(subEL);


if(isBullet==null && isSubEL && isSubEL.style.display!="block") {
document.getElementById(mainID).style.background="url(/template/images/navlist_hover.gif) no-repeat 190px 4px";

isBullet=true;
}

else if(isBullet==true && isSubEL.style.display!="block") {
document.getElementById(mainID).style.background="none";
isBullet=null;
}

}



/* partners box func */

function toolTipMove(e) {

var mouseX=40;
var mouseY=25;

	if(MZ) {
		var element=e.target.getAttribute("id");
 		var xCoord = e.pageX;
  		var yCoord = e.pageY;
  	}
	else if(IE || OP)
	{
		var element=event.srcElement.getAttribute("id");
		var xCoord = event.clientX+document.documentElement.scrollLeft;
		var yCoord = event.clientY+document.documentElement.scrollTop;
		var tt=yCoord;
	}
	

	var tooltipBox = document.getElementById("tooltipBox");
	
	if(tooltipBox!=null)
	{
	xCoord+=mouseX;
	yCoord-=tooltipBox.offsetHeight;
	
	tooltipBox.style.left = xCoord + "px";
	tooltipBox.style.top = yCoord + "px";
	tooltipBox.style.visibility="visible";
	}
	
	
}


var ElementExist;
var content;
var ttContent;
function Over(e)
{

var ttT="<div id=\"tooltipTop\"></div>";
var ttB="<div id=\"tooltipBottom\"></div>";
var ttContentOpen="<div id=\"tooltipContent\">";
var ttContentClose="</div>";



	if(MZ) {
		var element=e.target.getAttribute("id");
 		var xCoord = e.pageX;
  		var yCoord = e.pageY;
  	}
	else if(IE || OP)
	{
		var element=event.srcElement.getAttribute("id");
		var xCoord = event.clientX+document.documentElement.scrollLeft;
		var yCoord = event.clientY+document.documentElement.scrollTop;
		
	}

	if(OP || MZ)
	{
		var element=e.target.getAttribute("id");
	}
	else if(IE)
	{
		var element=event.srcElement.getAttribute("id");
	}

	var imgObj = document.getElementById(element);
	content=document.getElementById("desc_"+element).innerHTML;

	if(ElementExist!=true && content!=" " && content!="")
	{
	var box = document.getElementById("partners");
	
	var tooltipBox= document.createElement("DIV");
	
	tooltipBox.setAttribute("id","tooltipBox");
	tooltipBox.style.position="absolute";
	tooltipBox.style.top="150px";
	
	tooltipBox.innerHTML=ttT + ttContentOpen + content + ttContentClose + ttB;
	
	box.appendChild(tooltipBox);
	
	ElementExist=true;
	}
	else if(ttContent!=" " && ttContent!="")
	{
	ttContent = document.getElementById("tooltipContent");
	ttContent.innerHTML=content;
	var tooltipBox = document.getElementById("tooltipBox");
	
	
	xCoord+=40;
	yCoord-=tooltipBox.offsetHeight;
	
	tooltipBox.style.left = xCoord + "px";
	tooltipBox.style.top = yCoord + "px";
	}
	
	
	if(!OP)
	{
	fadeIn(10);
	}
	
}


function Out(e) {

var mouseX=40;
content="";
ttContent = document.getElementById("tooltipContent");

ttContent.innerHTML="";

	if(MZ) {
		var element=e.target.getAttribute("id");
 		var xCoord = e.pageX;
  		var yCoord = e.pageY;
  	}
	else if(IE || OP)
	{
		var element=event.srcElement.getAttribute("id");
		var xCoord = event.clientX+document.documentElement.scrollLeft;
		var yCoord = event.clientY+document.documentElement.scrollTop;
	}
var imgObj = document.getElementById(element);
var tooltipBox = document.getElementById("tooltipBox");
	
	if(tooltipBox)
	{	
	xCoord+=mouseX;
	yCoord-=tooltipBox.offsetHeight;

	tooltipBox.style.left = xCoord + "px";
	tooltipBox.style.top = yCoord + "px";
	tooltipBox.style.filter="alpha(opacity=0)";
	tooltipBox.style.visibility="hidden";
	}

}


function fadeIn(opacity) {

if (opacity <= 90) {
setopacity(opacity);
opacity += 10;
window.setTimeout("fadeIn("+opacity+")", 1);
}
}

function setopacity(opacity)
{
var tooltipBox = document.getElementById("tooltipBox");

	if(tooltipBox)
	{

		if(IE)
		{
		tooltipBox.style.filter="alpha(opacity="+opacity+")";
		}

		if(MZ)
		{
		tooltipBox.style.opacity=opacity/100;
		}
	}


}


/******* INIT ALL PARMS BEFORE USING **************/

window.onload=initParams;