function mouseover(n){
  var obj = document.getElementById("menu"+n)
  document.getElementById("ivan" + n).className = "actived"
  obj.style.backgroundImage = "url(/images/btn"+n+".jpg)";
  /*
 switch (n){
 case 1:
  obj.style.background="#FFCC00"
  break
  case 2:
  obj.style.background="#0000FF"
  break
  case 3:
  obj.style.background="#996600"
  break
  case 4:
  obj.style.background="#33CC66"
  break
  default:
  obj.style.background="#FF0000"
  }
  */
}

function mouseout(n){
  var obj = document.getElementById("menu"+n);

  if(num == n){
     return
  }else{
     document.getElementById("ivan"+n).className = "link";
     obj.style.background = "";
  }
}

var page = 1;
function init(){
	var stretchers = document.getElementsByClassName('box');
	var toggles = document.getElementsByClassName('tab');
	var myAccordion = new fx.Accordion(
		toggles, stretchers, {opacity: false, height: true, duration: 600}
	);

	var found = false;
	toggles.each(function(h3, i){
		var div = Element.find(h3, 'nextSibling');
			if (window.location.href.indexOf(h3.title) > 0) {
				myAccordion.showThisHideOpen(div);
				found = true;
			}
		});
		if (!found ){
			if(page){
				if(location.hash){ page = location.hash.slice(1);}				
			    myAccordion.showThisHideOpen(stretchers[page-1]);
			}else{
				myAccordion.showThisHideOpen(stretchers[0]);
			}
		};
}

function show(m){
	var anum = document.getElementsByClassName("tab");
	for(s=1; s<=6; s++){
	var bgId = document.getElementById("tab_bg");	
	bgId.style.backgroundImage = "url(/images/m"+(num-1)+"_"+m+".gif)";
	}
	for(i=1;i<=anum.length;i++){
	  var aId1=document.getElementById("color"+i);
	  if(m == i){
		aId1.style.color="#FFFFFF";
	  }else{
		aId1.style.color="#676767";
	}
  }
  location.hash = "#"+m;
}



function onInitShow() {
	show(page);
}