// JavaScript Document

function open_cont(i){
	dimentions = pageDimensions();
document.getElementById('holder_table').style.height = dimentions[1]+'px';
document.getElementById('BG_div').style.height = dimentions[1]+'px';

	document.getElementById('BG_div').style.visibility = 'visible';
	ajaxFunction_cont(i)
	
	fadeInBG(0);
}


function close_cont(i){

	document.getElementById('holder_table').style.visibility = 'hidden';
	
	fadeOutBG(i)	
}

function fadeOutBG(i)
{

setTrans("BG_div",i * 10);


	i =i -2;
	
	if (i >= 0) {
		setTimeout("fadeOutBG(" + i + ")",10);
		}else{document.getElementById('BG_div').style.visibility = 'hidden';}
}

function fadeInBG(i)
{

setTrans("BG_div",i * 10);


	i =i +2;
	
	if (i <= 8) {
		setTimeout("fadeInBG(" + i + ")",10);
		}else{document.getElementById('holder_table').style.visibility = 'visible';}
}

function setTrans(id,amount) {
	element = document.getElementById(id);
	
	if (navigator.appName.indexOf("Netscape")!=-1 && parseInt(navigator.appVersion)>=5) {
		element.style.MozOpacity = amount / 100;
	} else if (navigator.appName.indexOf("Microsoft")!= -1 && parseInt(navigator.appVersion)>=4) {
		element.style.filter = 'alpha(opacity=' + amount + ')';
	}	
}


function ajaxFunction_cont(cont){
       var ajaxRequest;  // The variable that makes Ajax possible!
       try{
              // Opera 8.0+, Firefox, Safari
              ajaxRequest = new XMLHttpRequest();
       } catch (e){
              // Internet Explorer Browsers
              try{
                     ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
              } catch (e) {
                     try{
                           ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
                     } catch (e){
                           // Something went wrong
                          alert("Your browser does not support xml requests, please upgrade.");

                           return false;
                     }
              }
       }

       // Create a function that will receive data sent from the server
       ajaxRequest.onreadystatechange = function(){

              if(ajaxRequest.readyState == 4){
document.getElementById('popHTM').innerHTML = ajaxRequest.responseText;
                     
              }
       }
       

       var queryString = "?cont=" + cont;

       ajaxRequest.open("GET", "switch_fade_content.php" + queryString, true);

       ajaxRequest.send(null); 
	 
}