// -----------------------------------------------------------------------------
// Globals
// Major version of Flash required
var requiredMajorVersion = 9;
// Minor version of Flash required
var requiredMinorVersion = 0;
// Revision of Flash required
var requiredRevision = 45;
// -----------------------------------------------------------------------------

	var myslider = new Array();;
	var idx = 0;
	
// preloading image
if(document.images){
  navi_hover = new Image(350,28); 
  navi_hover.src="images/navi_hover.gif"; 

  navi_hoverLeft= new Image(350,28); 
  navi_hoverLeft.src="images/navi_hoverLeft.gif"; 

  navi_onhover = new Image(350,28); 
  navi_onhover.src="images/navi_onhover.gif"; 
  
  navi_onhoverLeft = new Image(350,28); 
  navi_onhoverLeft.src="images/navi_onhoverLeft.gif"; 
}


	function moveCasestudy(mylayer){
		if(mylayer.parentNode.className == "open") return;
		
		//for(i=0;i<idx;i++) myslider[i].className = "close";
		//mylayer.parentNode.className="open";
		showCasestudy(mylayer.parentNode);
	}
	
	function showCasestudy(targetlayer){
		mylayer = targetlayer;
		var reload = false;
		for(i=0;i<idx;i++){
			var tmp = myslider[i];
			var target = (tmp == mylayer) ? 142:66;
			
			var _h = parseInt(tmp.style.height);
			var size;
			if(_h != target){
				if(_h > target) size = Math.ceil((_h - target)/8);
				else size = Math.floor((_h - target)/8);
				tmp.style.height = (_h - size) + "px";
				reload = true;
			}
		}
		if(reload) setTimeout("showCasestudy(mylayer)",60);
		else {
			for(i=0;i<idx;i++) myslider[i].className = (myslider[i]==targetlayer) ? "open":"close";
		}
	}

	window.onload = function() {	
		if(!document.getElementsByTagName){ return; }
		var myli = document.getElementsByTagName('li');
		for(var j=0; j<myli.length; j++){
			var tmp = myli[j];
			if(tmp.className=="open" || tmp.className=="close"){
				tmp.style.height = (tmp.className=="open") ? "142px":"66px";
				myslider[idx] = tmp;
				idx++;	
			}
		}
		
		var layers = document.getElementsByTagName('div');
		
		// loop through all div tags
		for (var i=0; i<layers.length; i++){
			var l = layers[i];
			var btn = String(l.getAttribute('id'));
			
			if (btn == "slider_handle1" || btn == "slider_handle2" || btn == "slider_handle3"){
				l.onmouseover = function () { moveCasestudy(this); }
			}
		}
	}