function xget(id) {
		if(document.getElementById) return document.getElementById(id);
		if(document.all) return document.all[id];
		return null;
	}
	
	var levelT = new Array();
				
	function setvalue() {
		if (window.location.hash=="#works") {
			ShowLevel2(xget('L1_L0'));
			ShowLevel3(0,'L2_L0',true);
			ShowLevel4(0,0,'L3_L0_0');
		}
	}
				
	function setlevel(ID) {
		levelT = new Array();
		if (ID==0) levelT=web;
		if (ID==1) levelT=identity;
		if (ID==2) levelT=advertising;
		if (ID==3) levelT=collateral;
	}
			
	function clearLevel(ID) {
		
		if (xget("desc")) xget("desc").innerHTML="Spirals";	
		if (xget("level"+ID))
		{
		  xget("level"+ID).innerHTML="";
		  xget("forBG").style.backgroundImage="url(images/bg_left"+(ID-1)+".gif)";		 		  
		}
	}
						
	function ShowLevel2(linkB) {
		if (linkB)
		{
		  clearLevel(3);
		  clearLevel(4);
//			xget("IMG").src="images/black.gif";		  
			xget("forBG").style.backgroundImage="url(images/bg_left2.gif)";		 		  
		  xget("level2").innerHTML='<a href="Javascript:void(0);" onclick="ShowLevel3(0,\'L2_L0\',true);ShowLevel4(0,0,\'L3_L0_0\');" ID="L2_L0" class="grey12_n">Web</a><br><a href="Javascript:void(0);" onclick="ShowLevel3(1,\'L2_L1\',true);ShowLevel4(1,0,\'L3_L1_0\');" ID="L2_L1" class="grey12_n">Identity</a><br><a href="Javascript:void(0);" onclick="ShowLevel3(2,\'L2_L2\',true);ShowLevel4(2,0,\'L3_L2_0\');" ID="L2_L2" class="grey12_n">Advertising</a><br><a href="Javascript:void(0);" onclick="ShowLevel3(3,\'L2_L3\',true);ShowLevel4(3,0,\'L3_L3_0\');" ID="L2_L3" class="grey12_n">Collateral</a><br>';		  		
		  linkB.className="black12_b";
		}
	}
		 
	 
	function ShowLevel3(ID,linkB,reloadlevel2) {
		setlevel(ID);
		clearLevel(4);
		clearLevel(3);
		if (reloadlevel2) ShowLevel2(linkB);
		if (xget(linkB)) xget(linkB).className="black12_b";
		for (i = 0; i < levelT.length-0; i++)
		{
		  xget("level3").innerHTML+='<a href="Javascript:void(0);" onclick="ShowLevel4('+ID+','+i+',\'L3_L'+ID+'_'+i+'\');" ID="L3_L'+ID+'_'+i+'" class="grey12_n">'+levelT[i][0]+'</a><br>\n';
		  xget("forBG").style.backgroundImage="url(images/bg_left3.gif)";		 		  
		}				
	}
	
	function ShowLevel4(ID,ID2,linkB) {
		setlevel(ID);
		ShowLevel3(ID,linkB,false)
		if (levelT[ID2]){
			if (xget(linkB)) xget(linkB).className="black12_b";		
			if (xget("desc")) xget("desc").innerHTML=levelT[ID2][1];
			xget("level4").innerHTML="";			
			for (i = 2; i < levelT[ID2].length; i++)
			{
			  xget("level4").innerHTML=xget("level4").innerHTML+'<a href="Javascript:void(0);" onclick="ShowDetail('+ID+','+ID2+','+i+',\'L4_L'+ID+'_'+ID2+'_'+i+'\');" ID="L4_L'+ID+'_'+ID2+'_'+i+'" class="grey12_n">'+levelT[ID2][i].name+'</a><br>\n';
			  xget("forBG").style.backgroundImage="url(images/bg_left4.gif)";		 		  
			}
			ShowDetail(ID,ID2,2,"L4_L"+ID+"_"+ID2+"_2");
		}
	}
	
	lastitem="";
	function ShowDetail(ID,ID2,ID3,linkB) {
		setlevel(ID);
		if (levelT[ID2][ID3]);
		{
//			if (getElementOpacity("IMG")=="" && getOpacityProperty()!="filter") xget("IMG").style[getOpacityProperty()]=1;			
//			setElementOpacity("IMG",-0.1,0,levelT[ID2][ID3].img,linkB);
					var img = new Image();
					img.onload=function(){
					xget("IMG").src=img.src;
					}					
					img.src = levelT[ID2][ID3].img;
//					xget("IMG").src=img.src;
					if (xget(lastitem)) xget(lastitem).className="grey12_n";
					if (xget(linkB)) xget(linkB).className="black12_b";
					lastitem=linkB;
		}
	}
	
	
	function setElementOpacity(sElemId, step, nOpacityEnd,img,linkB)
	{
			setTimeout( function() {
				
				  var opacityProp = getOpacityProperty();
				  var elem = document.getElementById(sElemId);
				  nOpacity=getElementOpacity("IMG")*1+step*1;
				
				  if (!elem || !opacityProp) return; // Если не существует элемент с указанным id или браузер не поддерживает ни один из известных функции способов управления прозрачностью
				  
				  if (opacityProp=="filter")  // Internet Exploder 5.5+
				  {
					nOpacity *= 100;
					
					// Если уже установлена прозрачность, то меняем её через коллекцию filters, иначе добавляем прозрачность через style.filter
					var oAlpha = elem.filters['DXImageTransform.Microsoft.alpha'] || elem.filters.alpha;
					if (oAlpha) oAlpha.opacity = nOpacity;
					else elem.style.filter += "progid:DXImageTransform.Microsoft.Alpha(opacity="+nOpacity+")"; // Для того чтобы не затереть другие фильтры используем "+="
				  }
				  else // Другие браузеры
				  	 eval('elem.style.'+opacityProp+'='+nOpacity);
					
				if(getElementOpacity("IMG")*1 > nOpacityEnd*1 && step*1<0) {
					setElementOpacity("IMG",step,nOpacityEnd,img,linkB);
				}
				if(getElementOpacity("IMG")*1 == nOpacityEnd*1 && step*1<0) {
					xget("IMG").src=img;
					if (xget(lastitem)) xget(lastitem).className="grey12_n";
					if (xget(linkB)) xget(linkB).className="black12_b";
					lastitem=linkB;
					setElementOpacity("IMG",Math.abs(step),1,img,linkB);
				}
				if(getElementOpacity("IMG")*1 < nOpacityEnd*1 && step*1>0) {
					setElementOpacity("IMG",step,nOpacityEnd,img,linkB);
				}
				
			}, 1);		
		
	}
	
	function getElementOpacity(sElemId)
	{
	  var opacityProp = getOpacityProperty();
	  var elem = document.getElementById(sElemId);
	
	  if (!elem || !opacityProp) return; // Если не существует элемент с указанным id или браузер не поддерживает ни один из известных функции способов управления прозрачностью
	  
	  if (opacityProp=="filter")  // Internet Exploder 5.5+
	  {	
		// Если уже установлена прозрачность, то меняем её через коллекцию filters, иначе добавляем прозрачность через style.filter
		var oAlpha = elem.filters['DXImageTransform.Microsoft.alpha'] || elem.filters.alpha;
		if (oAlpha) return oAlpha.opacity/100;
		else return elem.style.filter/100;
	  }
	  else // Другие браузеры	  
	  {
		return eval('elem.style.'+opacityProp);
		}
	}
	
	
	function getOpacityProperty()
	{
	  if (typeof document.body.style.opacity == 'string') // CSS3 compliant (Moz 1.7+, Safari 1.2+, Opera 9)
		return 'opacity';
	  else if (typeof document.body.style.MozOpacity == 'string') // Mozilla 1.6 и младше, Firefox 0.8 
		return 'MozOpacity';
	  else if (typeof document.body.style.KhtmlOpacity == 'string') // Konqueror 3.1, Safari 1.1
		return 'KhtmlOpacity';
	  else if (document.body.filters && navigator.appVersion.match(/MSIE ([\d.]+);/)[1]>=5.5) // Internet Exploder 5.5+
		return 'filter';
	
	  return false; //нет прозрачности
	}