var moved=0;
var divopened=0;

var first="";
var px2="";
var return_back="";


var SmoothOpen_Moveit="";
var SmoothOpen_FirstOpen="";
var SmoothOpen_Status="";

function smooth_open(n)
{
	if(divopened!=1)
	{
		SmoothOpen_Status=1;
		start=-221;
		if(n)
		{
			start=start+n;
		}
	
		end=0;
		speed=6;
		if(SmoothOpen_FirstOpen=="")
		{
			SmoothOpen_Moveit=start+speed;
			SmoothOpen_FirstOpen=1;
		}
		else
		{
			SmoothOpen_Moveit=SmoothOpen_Moveit+speed;
		}
	
		document.getElementById("tab").style.marginTop=SmoothOpen_Moveit+"px";
		
		if(SmoothOpen_Moveit<end)
		{
			setTimeout("smooth_open()",10);
		}
		else
		{
			document.getElementById("tab").style.marginTop=end+"px";
			document.getElementById("tab").style.cursor="default";	
			document.getElementById("roleb").style.display="block";				
			SmoothOpen_Moveit="";
			SmoothOpen_FirstOpen="";
			divopened=1;
			document.getElementById("closeme").style.display="none";
			document.getElementById("roleb").style.display="block";				
		}
	}else document.getElementById("roleb").style.display="block";	
}
var SmoothClose_Moveit="";
var SmoothClose_FirstOpen="";
var SmoothClose_Status="";

function smooth_close(n)
{
	document.getElementById("roleb").style.display="none";	
	if(divopened==1)
	{
		SmoothClose_Status=1;
		start=0;
		if(n)
		{
			start=start-n;
		}
	
		end=-221;
		speed=-6;
		if(SmoothClose_FirstOpen=="")
		{
			SmoothClose_Moveit=start+speed;
			SmoothClose_FirstOpen=1;
		}
		else
		{
			SmoothClose_Moveit=SmoothClose_Moveit+speed;
		}
	
		document.getElementById("tab").style.marginTop=SmoothClose_Moveit+"px";
		if(SmoothClose_Moveit>end)
		{

			setTimeout("smooth_close()",10);
		}
		else
		{
			document.getElementById("tab").style.marginTop=end+"px";
			document.getElementById("tab").style.cursor="pointer";	
			document.getElementById("roleb").style.display="none";				
			SmoothClose_Moveit="";
			SmoothClose_FirstOpen="";
			divopened=0;
			moveddown=0;
			SmoothOpen_Status=0;
			document.getElementById("closeme").style.display="block";
			document.getElementById("roleb").style.display="none";				
		}
	}else document.getElementById("roleb").style.display="none";	
}

var move_down_mt="";
var first_down="";
var moveddown=0;
function move_down()
{
	start=-221;
	end=-200;
	speed=2;

	 if(SmoothOpen_Status!=1 & moveddown!=1)
	{

		if(first_down=="")
		{
			move_down_mt=start+speed;
			first_down=1;
		}
		else
		{
			move_down_mt=move_down_mt+speed;
		}
	
		document.getElementById("tab").style.marginTop=move_down_mt+"px";
		
		if(move_down_mt<end)
		{
			setTimeout("move_down()",10);
		}
		else
		{
			document.getElementById("tab").style.marginTop=end+"px";			
			move_down_mt="";
			first_down="";
			moveddown=1;
			movedup=0;
			
		}
	}
}



var move_up_mt="";
var first_up="";
var movedup=0;
function move_up()
{
	if(SmoothOpen_Status!=1 & movedup!=1 & moveddown==1)
	{
		start=-200;
		end=-221;
		speed=2;
		if(first_up=="")
		{
			move_up_mt=start-speed;
			first_up=1;
		}
		else
		{
			move_up_mt=move_up_mt-speed;
		}
	
		document.getElementById("tab").style.marginTop=move_up_mt+"px";
		
		if(move_up_mt>end)
		{
			setTimeout("move_up()",10);
		}
		else
		{
			document.getElementById("tab").style.marginTop=end+"px";
			move_up_mt="";
			first_up="";
			moveddown=0;
			movedup=1;			
		}
	}
}
var maxiter;
function onMOver(id)
{
	id2=id;
	if(divopened)
	{
		document.getElementById("tab"+id).style.backgroundColor="#e6e6e6";
		document.getElementById("tab"+id).style.cursor="pointer";		
		
		maxim=1;
		iter=0;
		for(i=0;i<maxim;i++)
		{
			if(id>6)
			{
				id=id-6;
				maxim++;
				iter++;
				document.getElementById("tab"+id).style.backgroundColor="#f6f7f8";				
			}
			else
			{
				
				id=id-1;	
				if(id!=0)
				{
					maxim++;
					document.getElementById("tab"+(id+(6*iter))).style.backgroundColor="#f6f7f8";	
				}
			}		
		}
	}
}

function onMOut(id)
{
		document.getElementById("tab"+id).style.backgroundColor="";
	
		maxim=1;
		iter=0;
		
		for(i=0;i<maxim;i++)
		{
			if(id>6)
			{
				id=id-6;
				maxim++;
				iter++;
				document.getElementById("tab"+id).style.backgroundColor="";				
			}
			else
			{
				id=id-1;	
				if(id!=0)
				{
					maxim++;
					document.getElementById("tab"+(id+(6*iter))).style.backgroundColor="";	
				}
			}
		}
		
}
function chosencat(id)
{
	id="tdiv"+id;
	document.getElementById(id).innerHTML="<img id=\"selectedtd\" src=\"img/tab_act.png\" width=\"31\" height=\"23\" class=\"png\" onLoad=\"initAppear3();\" style=\"-moz-opacity:0; opacity:0;\">";	
	document.getElementById(id).className="active";
	
}

	function initAppear3(){
		for (var i=0;i<11;i++){
			setTimeout('setOpacity3('+i+')',40*i);
		}
		return false;
	}
	

function setOpacity3(value){
		document.getElementById("selectedtd").style.opacity = value/10;
		document.getElementById("selectedtd").style.filter = 'alpha(opacity=' + value*10 + ')';
		document.getElementById("selectedtd").style.MozOpacity = value/10;
	}