var state = new Array();
var boxslide = new Array();
var maxheight = new Array();
var maxwidth = new Array();
var tags;

function toggleDiv(id){
	var e = document.getElementById(id);
	var h = parseInt(e.style.height);
	var w = parseInt(e.style.width);
	e.style.display="block";
	
	if( !state[id] ){
		state[id] = "closed";
	}
	if( boxslide[id] != null )
		clearInterval(boxslide[id]);
	
	if( state[id] == "opened" ){
		state[id] = "closed";
		document.getElementById("panel").style.opacity="1";
		document.getElementById("pancontent").innerHTML="";
		boxslide[id] = setInterval("decrSize('" + id + "')",10);
	}
	else{
		state[id] = "opened";
		document.getElementById("panel").style.top="0px;";
		document.getElementById("panel").style.opacity="1";
		
		boxslide[id] = setInterval("incSize('" + id + "')",10);
	}
}

function incSize(id){
	var e = document.getElementById(id);
	var h = parseInt(e.style.height);
	var w = parseInt(e.style.width);
	//alert("e: " + e + ", h: " + h);
	
   maxheight[id] = document.documentElement.clientHeight-75;
	maxwidth[id] = document.documentElement.clientWidth/2-20;
	
	if( w < maxwidth[id]){
		e.style.width = w + 10 + "px";
	}
	
	if( w >= maxwidth[id] && h < maxheight[id]){
		e.style.height = h + 10 + "px";
	}


	if ((h >= maxheight[id]) && (w >= maxwidth[id])) {
         displayControls();	 
         document.getElementById("panel").style.opacity="0.9";
	   	clearInterval(boxslide[id]);
   }	   	
}

function decrSize(id){
	var e = document.getElementById(id);
	var h = parseInt(e.style.height);
	var w = parseInt(e.style.width);
	//alert("e: " + e + ", h: " + h);
	
	if( (h <= 0) && (w > 0)) {
		e.style.width = (w - 10) + "px";
	}
	
	if( h > 0) {
	
		e.style.height = (h - 10) + "px";
	}
		
	if ((h <= 0) && (w <= 0)) {
	   var el = document.getElementById("panel");
	   document.getElementById("controls").innerHTML="";
		document.getElementById("panel").style.opacity="0.3"; 
      el.style.width="20px";
      el.style.height="60px";
      el.style.right="0px";
		el.style.width="auto !important";
      el.style.height="auto !important";
      e.style.display="block";
      document.getElementById("panel").style.top="45%";
      document.getElementById("pancontent").innerHTML="";
      document.getElementById("controls").innerHTML='<ul id="vertical"><li><a href="javascript:toggleDiv(' + 
      			"'" + 'inpanel' +"'" +')"><em>P</em><em>a</em><em>n</em><em>e</em><em class="nd">l</em>' +
    				'</a></li></ul>';
    				
	   clearInterval(boxslide[id]);
	
	}   	
	
}

function addHandler(obj, evt, newhandler, captures) {
	if (obj.attachEvent) {
		obj.attachEvent('on' + evt, newhandler);
	}
	else if (obj.addEventListener) {
		obj.addEventListener(evt, newhandler, captures);
	}
	else {
		var oldhandler;
		if (oldhandler = obj['on' + evt]) {
			obj['on' + evt] = function() {
				oldhandler();
				newhandler();
			}
		}
		else {
			obj['on' + evt] = newhandler;
		}
	}
}


if (document.getElementById && document.getElementsByTagName) {
	addHandler(window,'load',init,false);
}

function init(){
	tags = document.getElementById("panel").getElementsByTagName("div");
	
	for(var i=0; i <tags.length; i++){
		if( tags[i].id.match("inpanel") ){
			id = tags[i].id;
			maxheight[id] = document.documentElement.clientHeight-130;
			maxwidth[id] = tags[id].offsetWidth;
			tags[id].style.height = "0px";
			tags[id].style.width = "0px"
			tags[id].style.visibility = "visible";
		}
	}
}

function displayControls() {
   var el = document.getElementById("controls");
   
   getPage("controls.php?lang=" + getLang(), "controls");
   getPage("working.php?lang=" + getLang(), "pancontent");
}

function getLang() {
   return document.getElementById("clang").innerHTML;

}