var timeout         = 500;
var closetimer		= 0;
var ddmenuitem      = 0;

// open hidden layer
function mopen(id)
{	setOpacity();
	// cancel close timer
	mcancelclosetime();

	// close old layer
	if(ddmenuitem) 	{ddmenuitem.style.visibility = 'hidden';
	
var	logo_img = document.getElementById('logo_img');
	logo_img.src = '/img/logo.jpg';
	
	phone_img = document.getElementById('phone_img');
	phone_img.src = '/img/menu_phone.jpg';
	
	odmenuitem = document.getElementById('main_menu_td');
	odmenuitem.style.backgroundImage = 'url(/img/menu_bg.jpg)';
	
	spmenuitem1 = document.getElementById('menu_sp1');
	spmenuitem1.style.backgroundImage = 'url(/img/menu_sp.jpg)';
	spmenuitem2 = document.getElementById('menu_sp2');
	spmenuitem2.style.backgroundImage = 'url(/img/menu_sp.jpg)';
	spmenuitem3 = document.getElementById('menu_sp3');
	spmenuitem3.style.backgroundImage = 'url(/img/menu_sp.jpg)';
	spmenuitem4 = document.getElementById('menu_sp4');
	spmenuitem4.style.backgroundImage = 'url(/img/menu_sp.jpg)';
	spmenuitem5 = document.getElementById('menu_sp5');
	spmenuitem5.style.backgroundImage = 'url(/img/menu_sp.jpg)';
	spmenuitem6 = document.getElementById('menu_sp6');
	spmenuitem6.style.backgroundImage = 'url(/img/menu_sp.jpg)';
	spmenuitem7 = document.getElementById('menu_sp7');
	spmenuitem7.style.backgroundImage = 'url(/img/menu_sp.jpg)';
	spmenuitem8 = document.getElementById('menu_sp8');
	spmenuitem8.style.backgroundImage = 'url(/img/menu_sp.jpg)';
	}
		
	
	// get new layer and show it
	ddmenuitem = document.getElementById(id);
	ddmenuitem.style.visibility = 'visible';
	
	odmenuitem = document.getElementById('main_menu_td');
	odmenuitem.style.backgroundImage = 'url(/img/menu_hover_bg.jpg)';
	
	spmenuitem1 = document.getElementById('menu_sp1');
	spmenuitem1.style.backgroundImage = 'url(/img/menu_hover_sp.jpg)';
	spmenuitem2 = document.getElementById('menu_sp2');
	spmenuitem2.style.backgroundImage = 'url(/img/menu_hover_sp.jpg)';
	spmenuitem3 = document.getElementById('menu_sp3');
	spmenuitem3.style.backgroundImage = 'url(/img/menu_hover_sp.jpg)';
	spmenuitem4 = document.getElementById('menu_sp4');
	spmenuitem4.style.backgroundImage = 'url(/img/menu_hover_sp.jpg)';
	spmenuitem5 = document.getElementById('menu_sp5');
	spmenuitem5.style.backgroundImage = 'url(/img/menu_hover_sp.jpg)';
	spmenuitem6 = document.getElementById('menu_sp6');
	spmenuitem6.style.backgroundImage = 'url(/img/menu_hover_sp.jpg)';
	spmenuitem7 = document.getElementById('menu_sp7');
	spmenuitem7.style.backgroundImage = 'url(/img/menu_hover_sp.jpg)';
	spmenuitem8 = document.getElementById('menu_sp8');
	spmenuitem8.style.backgroundImage = 'url(/img/menu_hover_sp.jpg)';
	
var	logo_img = document.getElementById('logo_img');
	logo_img.src = '/img/logo2.jpg';
	
var	phone_img = document.getElementById('phone_img');
	phone_img.src = '/img/menu_phone_2.jpg';

	

}
// close showed layer
function mclose()
{	
removeOpacity();
	if(ddmenuitem) {ddmenuitem.style.visibility = 'hidden';
	odmenuitem = document.getElementById('main_menu_td');
	odmenuitem.style.backgroundImage = 'url(/img/menu_bg.jpg)';
	
var	logo_img = document.getElementById('logo_img');
	logo_img.src = '/img/logo.jpg';
	
var	phone_img = document.getElementById('phone_img');
	phone_img.src = '/img/menu_phone.jpg';
	
	odmenuitem = document.getElementById('main_menu_td');
	odmenuitem.style.backgroundImage = 'url(/img/menu_bg.jpg)';
	
	spmenuitem1 = document.getElementById('menu_sp1');
	spmenuitem1.style.backgroundImage = 'url(/img/menu_sp.jpg)';
	spmenuitem2 = document.getElementById('menu_sp2');
	spmenuitem2.style.backgroundImage = 'url(/img/menu_sp.jpg)';
	spmenuitem3 = document.getElementById('menu_sp3');
	spmenuitem3.style.backgroundImage = 'url(/img/menu_sp.jpg)';
	spmenuitem4 = document.getElementById('menu_sp4');
	spmenuitem4.style.backgroundImage = 'url(/img/menu_sp.jpg)';
	spmenuitem5 = document.getElementById('menu_sp5');
	spmenuitem5.style.backgroundImage = 'url(/img/menu_sp.jpg)';
	spmenuitem6 = document.getElementById('menu_sp6');
	spmenuitem6.style.backgroundImage = 'url(/img/menu_sp.jpg)';
	spmenuitem7 = document.getElementById('menu_sp7');
	spmenuitem7.style.backgroundImage = 'url(/img/menu_sp.jpg)';
	spmenuitem8 = document.getElementById('menu_sp8');
	spmenuitem8.style.backgroundImage = 'url(/img/menu_sp.jpg)';
	}
}

// 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; 











var value = 0;

    function setOpacity() {
       value += .3;
       var testObj = document.getElementById('test');
       
       testObj.style.width = "100%";
       testObj.style.height = "100%";
       testObj.style.display = "block";
       testObj.style.opacity = value/3;
       testObj.style.filter = 'alpha(opacity=' + value*3 + ')';
       myTimeout = setTimeout("setOpacity()", 3);
       
       if ((value/3) >= .5) {
          clearTimeout(myTimeout);
       }
      document.getElementById('warning').style.display = "block";
    }

function removeOpacity() {
       value -= .3;
       var testObj = document.getElementById('test');
       
       myTimeout2 = setTimeout("removeOpacity()", 3);
       testObj.style.opacity = value/3;
       testObj.style.filter = 'alpha(opacity=' + value*3 + ')';
       
       if ((value/3) <= 0) {
          testObj.style.display = "none";
          clearTimeout(myTimeout2);
       }
      document.getElementById('warning').style.display = "none";
}
    
    
function price_tab(all,num){
	

	 for (i=1; i<=all; i++){
		 document.getElementById('tab_'+i).style.display = "none";
		 
		 var phone_img = document.getElementById('img_'+i);
			 phone_img.src = '/img/arrow_right.jpg';
		 
	 }
	 
	 document.getElementById('tab_'+num).style.display = "block";

	 
	// http://remont.kanzas.ua/img/arrow_left.jpg
	// http://remont.kanzas.ua/img/arrow_right.jpg
	 
	 
	 var	phone_img = document.getElementById('img_'+num);
		phone_img.src = '/img/arrow_down.jpg';
	
}
    
function page_tab(all,num){
	

	 for (i=1; i<=all; i++){
		 document.getElementById('page_'+i).style.display = "none";
		 	
		 
		  var phone_img = document.getElementById('p_'+i);
		    	 phone_img.src = '/img/'+i+'.jpg';
		 
	 }
	 
	 document.getElementById('page_'+num).style.display = "block";

	 var phone_img = document.getElementById('p_'+num);
	 phone_img.src = '/img/'+num+'a.jpg';
	 
	// http://remont.kanzas.ua/img/arrow_left.jpg
	// http://remont.kanzas.ua/img/arrow_right.jpg
	 
	 
	 //var	phone_img = document.getElementById('img_'+num);
	//	phone_img.src = '/img/arrow_down.jpg';
	
}   



function img_tab(all,num){

	 for (i=1; i<=all; i++){
		 document.getElementById('img_'+i).style.display = "none";
		 	
		 
		  var phone_img = document.getElementById('p_'+i);
		    	 phone_img.src = '/img/'+i+'.jpg';
		 
	 }
	 
	 document.getElementById('img_'+num).style.display = "block";

	 var phone_img = document.getElementById('p_'+num);
	 phone_img.src = '/img/'+num+'a.jpg';
	 
	// http://remont.kanzas.ua/img/arrow_left.jpg
	// http://remont.kanzas.ua/img/arrow_right.jpg
	 
	 
	 //var	phone_img = document.getElementById('img_'+num);
	//	phone_img.src = '/img/arrow_down.jpg';
	
}   
