var middleOpen = 'false';
var middleDown = 'false';
var midMax = 30.0;
var midMin = 2.0;
var container = "middle_container";


function changecss(theClass,element,value) {
	//documentation for this script at http://www.shawnolson.net/a/503/
	 var cssRules;
	 if (document.all) {
	  cssRules = 'rules';
	 }
	 else if (document.getElementById) {
	  cssRules = 'cssRules';
	 }
	 for (var S = 0; S < document.styleSheets.length; S++){
	  for (var R = 0; R < document.styleSheets[S][cssRules].length; R++) {
	   if (document.styleSheets[S][cssRules][R].selectorText == theClass) {
	    document.styleSheets[S][cssRules][R].style[element] = value;
	   }
	  }
	 }	
}

function getvalue(theClass,element) {
	 var cssRules;
	 if (document.all) {
	  cssRules = 'rules';
	 }
	 else if (document.getElementById) {
	  cssRules = 'cssRules';
	 }
	 for (var S = 0; S < document.styleSheets.length; S++){
	  for (var R = 0; R < document.styleSheets[S][cssRules].length; R++) {
	   if (document.styleSheets[S][cssRules][R].selectorText == theClass) {
	    return document.styleSheets[S][cssRules][R].style[element];
	   }
	  }
	 }	
}

function openMiddle(data)
{
	midWidth = parseInt(getvalue('#header_middle','width'));
	sideWidth = parseInt(getvalue('#header_left','width'));
	imgWidth = parseInt(getvalue('#imgtable_left','width'));

	if (middleOpen == 'false') {
		changecss('#'+container,'visibility','visible');
		middleScroll('down');
		if (midWidth < midMax) {
			moveSize = parseFloat((midMax - midWidth));
			changecss('#header_left','width',(sideWidth - 1)+'%');
			changecss('#header_right','width',(sideWidth - 2)+'%'); 
			changecss('#header_middle','width',(midWidth + 2)+'%');
			changecss('#imgtable_left','width',(imgWidth + 1)+'%');
			changecss('#imgtable_right','width',(imgWidth + 1)+'%');  
 	        setTimeout("openMiddle('"+data+"')",Math.pow(moveSize,1.2)/10);					
		} else {
			ajaxFunction(data);
			middleOpen = 'true';
		}
	} else {
		ajaxFunction(data);
	}
}

function closeMiddle() {

	midWidth = parseInt(getvalue('#header_middle','width'));
	sideWidth = parseInt(getvalue('#header_left','width'));
	imgWidth = parseInt(getvalue('#imgtable_left','width'));

	ajaxFunction('blank');
	middleScroll('up');
	
	if (midWidth > midMin) {
		moveSize = parseFloat((midWidth - midMin));
		changecss('#header_left','width',(sideWidth + 1)+'%');
		changecss('#header_right','width',(sideWidth)+'%');
		changecss('#header_middle','width',(midWidth - 2)+'%');
		changecss('#imgtable_left','width',(imgWidth - 1)+'%');
		changecss('#imgtable_right','width',(imgWidth - 1)+'%');			
 	    setTimeout('closeMiddle()',Math.pow(moveSize,1.2)/10);					
	} else {
		changecss('#'+container,'visibility','hidden');	
		middleOpen = 'false';			
	}
}


function middleScroll(direction) {
	curHeight = parseInt(getvalue('#'+container,'height'));
	if (direction == 'down') {
		if (curHeight < 1000) {
		changecss('#'+container,'height',(curHeight + 20)+'px');
        setTimeout("middleScroll('"+direction+"')",1);	
		}
	}  else if (direction == 'up') {
		if (curHeight > 10) {
		changecss('#'+container,'height',(curHeight - 20)+'px');
        setTimeout("middleScroll('"+direction+"')",1);	
		}
	} 
}

function ajaxFunction(data)
{

var xmlHttp = false;
try
  {
  // Firefox, Opera 8.0+, Safari
  xmlHttp=new XMLHttpRequest();
  }
catch (e)
  {
  // Internet Explorer
  try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
  catch (e)
    {
    try
      {
      xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
    catch (e)
      {
      alert("Your browser does not support AJAX!");
      return false;
      }
    }
  }
  xmlHttp.onreadystatechange=function(){ loadpage(xmlHttp); }
  xmlHttp.open("POST","data.php?val="+data,true);
  xmlHttp.send(null);
  }
  
  function loadpage(xmlHttp){
  	if (xmlHttp.readyState == 4 && (xmlHttp.status==200 || window.location.href.indexOf("http")==-1)) {
  		document.getElementById(container).innerHTML = xmlHttp.responseText;
	} else {
		document.getElementById(container).innerHTML = "<center><br><br><br><br><br><br><br><img src='ajax-loader.gif' /></center>";
	}	  
  }