var myWidth = 0, myHeight = 0;
window.onload=calculateWindowSize;
function getQueryVariable(variable) {
  var query = window.location.search.substring(1);
  var vars = query.split("&");
  for (var i=0;i<vars.length;i++) {
    var pair = vars[i].split("=");
    if (pair[0] == variable) {
      return pair[1];
    }
  } 
}

function show(id) {
	var d = document.getElementById(id);
	for (var i = 1; i<=10; i++) {
		if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
	}
	if (d) {d.style.display='block';}
	var cnt=document.getElementById('contents').innerHTML;

	if (getQueryVariable('page') == 'newsletter')
	{		
		var newsletter=getQueryVariable('nlid');
		call_newsletter('newsletters/',newsletter);
		
	} else if (getQueryVariable('page') == 'network_topology') {

		call_page('network_topology');
	
	} else if (getQueryVariable('page') == 'googlemap') {

		call_page('googlemap');
	
	} else if  (cnt.length < 4) //αρχική σελίδα
	{
		call_page('mainpage');
	}
}


function call_page(mypage,param)
{
	
	var hgWidth;
	var divR = document.getElementById("right");
	//divR has originally 200px width
	if (mypage.substr(0,12)=="newsletters/" || mypage.substr(0,10)=="googlemap"){
		hgWidth=myWidth-280;
		divR.style.display="none";	
		document.getElementById("middle").style.width=myWidth-280;
		document.getElementById("middle").style.overflow="hidden"; //under discussion - larger contents do not push div down
		document.getElementById("middle").style.margin="0px 0px 0px 260px";
	
	}	
	else
	{
		hgWidth=myWidth-280-200;
		divR.style.display="block";	
		document.getElementById("middle").style.width=myWidth-280-197;
		document.getElementById("middle").style.margin="0px 200px 0px 260px";

	}

	var lang = getQueryVariable('lang');
        lang = (lang==null)?'el':'en';
	var hourglass="<table border=0 width=100% height=500><tr><td width=100% align='center' valign='middle'><center><img  src='images/ajax-loader2.gif' /></center></td></tr></table>";
	jQuery("#contents").html(hourglass);
	jQuery("#contents").load("loadSubpage.php", { 'url' : mypage , 'width':myWidth , 'lang':lang } , function(){ }   );


}

function call_newsletter(mypage,param)
{
	
	var hgWidth;
	var divR = document.getElementById("right");
	//divR has originally 200px width
	if (mypage.substr(0,12)=="newsletters/" || mypage.substr(0,10)=="googlemap"){
		hgWidth=myWidth-280;
		divR.style.display="none";	
		document.getElementById("middle").style.width=myWidth-280;
		document.getElementById("middle").style.overflow="hidden"; //under discussion - larger contents do not push div down
		document.getElementById("middle").style.margin="0px 0px 0px 260px";
	
	}	
	else
	{
		hgWidth=myWidth-280-200;
		divR.style.display="block";	
		document.getElementById("middle").style.width=myWidth-280-197;
		document.getElementById("middle").style.margin="0px 200px 0px 260px";

	}

	var lang = getQueryVariable('lang');
        lang = (lang==null)?'el':'en';
	var hourglass="<table border=0 width=100% height=500><tr><td width=100% align='center' valign='middle'><center><img  src='images/ajax-loader2.gif' /></center></td></tr></table>";
	jQuery("#contents").html(hourglass);
	jQuery("#contents").load("loadNewsletter.php", { 'nlid': param } , function(){ }   );


}



function calculateWindowSize()
            {
               
                if( typeof( window.innerWidth ) == 'number' ) {
                    //Non-IE
                    myWidth = window.innerWidth;
                    myHeight = window.innerHeight;
                } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
                    //IE 6+ in 'standards compliant mode'
                    myWidth = document.documentElement.clientWidth;
                    myHeight = document.documentElement.clientHeight;
                } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
                    //IE 4 compatible
                    myWidth = document.body.clientWidth;
                    myHeight = document.body.clientHeight;
                }
             show();

}