var thisbrowser = "";
 
function GetXmlHttpObject()
{
var xmlHttp=null;
try
  {
  // Firefox, Opera 8.0+, Safari
  xmlHttp=new XMLHttpRequest();
  }
catch (e)
  {
  // Internet Explorer
  try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
  catch (e)
    {
    xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
  }
return xmlHttp;
}


function findPosX(obj)
  {
    var curleft = 0;
    if(obj.offsetParent)
        while(1) 
        {
          curleft += obj.offsetLeft;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.x)
        curleft += obj.x;
    return curleft;
  }

  function findPosY(obj)
  {
    var curtop = 0;
    if(obj.offsetParent)
        while(1)
        {
          curtop += obj.offsetTop;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.y)
        curtop += obj.y;
    return curtop;
  }
  
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=200,height=480');");
}
// End -->

function popUp2(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=500,height=400');");
}


//=================
function whatbrowser()
{
	xmlHttp=GetXmlHttpObject()
	if (xmlHttp==null)
	{
	return;
	}
	
	var url="whatbrowser.asp?";
	url=url+"sid="+Math.random();
	
	xmlHttp.open("GET",url,false);
	xmlHttp.send(null);
	
	thisbrowser = xmlHttp.responseText;
}

//=================
function getScrollBarWidth()
{
var inner = document.createElement('p');
inner.style.width = "100%";
inner.style.height = "200px";

var outer = document.createElement('div');
outer.style.position = "absolute";
outer.style.top = "0px";
outer.style.left = "0px";
outer.style.visibility = "hidden";
outer.style.width = "200px";
outer.style.height = "150px";
outer.style.overflow = "hidden";
outer.appendChild (inner);

document.body.appendChild (outer);
var w1 = inner.offsetWidth;
outer.style.overflow = 'scroll';
var w2 = inner.offsetWidth;
if (w1 == w2) w2 = outer.clientWidth;

document.body.removeChild (outer);

return (w1 - w2);
}

//=================

function correctscrollbars()
{
	if ( document.documentElement.scrollHeight > document.documentElement.clientHeight)
		
		{
			if (thisbrowser == "Firefox")
			{
			document.body.style.paddingLeft =  getScrollBarWidth() + "px";   // takes care of the jumping around due to the having a scroll bar and then not having one
			
			}
			
			if (thisbrowser == "Opera")
			{
			document.body.style.paddingLeft =  getScrollBarWidth() + "px";   // takes care of the jumping around due to the having a scroll bar and then not having one
	
			}
		
			if (thisbrowser == "Safari")
			{
			//pagetable.style.position = "relative";
			//pagetable.style.left = "8px";  // takes care of the jumping around due to the having a scroll bar and then not having one
			document.body.style.marginLeft = getScrollBarWidth() + "px"; 
			
			}

		}
	
}

//=================

function setuppage2()
{
whatbrowser()

var maindiv = document.getElementById("maindiv")
var maintd = document.getElementById("maintd")
var viewsocks = document.getElementById("viewsocksimg")
var div4 = document.getElementById("div4")
var div5 = document.getElementById("div5")
var titletext = document.getElementById("titletext")
var pagetable = document.getElementById("pagetable")


maindiv.style.marginLeft =  (maintd.clientWidth -  maindiv.clientWidth) / 2 + "px";

		if (div4)
		{
		totaldivwidth = parseInt(div4.clientWidth) +  parseInt(div5.clientWidth)
		avaliablespace = parseInt(maindiv.clientWidth) - totaldivwidth
		
		div4.style.marginLeft = (avaliablespace/3) + "px";
		div4.style.marginRight = (avaliablespace/6) + "px";
		div5.style.marginLeft = (avaliablespace/6) + "px";
		div5.style.marginRight = (avaliablespace/3) + "px";
		}
		maindiv.style.marginTop = ((440 - maindiv.clientHeight) /2) - 20 + "px";
		
		
		correctscrollbars()
		
		
		pagetable.style.visibility = "visible";
}


//=================

function setupchoose()
{
var maindiv = document.getElementById("maindiv");
var maincontainer = document.getElementById("maincontainer");
var maintd = document.getElementById("maintd");
var div4 = document.getElementById("div4"); 
var div5 = document.getElementById("div5"); 
var titletext =  document.getElementById("titletext");
var footer =  document.getElementById("footer");
var viewsocks =  document.getElementById("viewsocks");
var pagetable =  document.getElementById("pagetable");


maindiv.style.marginLeft = ((maintd.clientWidth - maindiv.clientWidth) / 2) + "px"
		
		totaldivwidth = parseInt(div4.clientWidth) +  parseInt(div5.clientWidth)
		avaliablespace = parseInt(maindiv.clientWidth) - totaldivwidth
		
		div4.style.marginLeft = (avaliablespace/3) + "px";
		div4.style.marginRight = (avaliablespace/6) + "px";
		div5.style.marginLeft = (avaliablespace/6) + "px";
		div5.style.marginRight = (avaliablespace/3) + "px";
		
		maintdY = findPosY(pagetable) + pagetable.rows[0].cells[0].clientHeight
		maintdX = findPosX(maintd)
		
		if (findPosY(footer) < (findPosY(viewsocks) + viewsocks.clientHeight) )
		{
		addon = (findPosY(viewsocks) + viewsocks.clientHeight) - findPosY(footer)
	 	
		maintd.style.height = 370 + addon + "px";
		
		}
		
		availablespace = (maintdY + maintd.style.height) - (findPosY(div4)+div4.clientHeight)   // have to use hard value of 370 because Safari doesnt like maintd.clientHeight?!
		
		titletext.style.marginBottom = (availablespace/2) + "px";
		
		
		pagetable.style.visibility = "visible";

}

function setuppage()
{

xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
{
return;
}

var url="whatbrowser.asp?";
url=url+"sid="+Math.random();

xmlHttp.open("GET",url,false);
xmlHttp.send(null);

thisbrowser = xmlHttp.responseText;


var maintd = document.getElementById("maintd")
var maindiv = document.getElementById("maindiv")
var maintext = document.getElementById("maintext")
var stages = document.getElementById("stages")
var div1 = document.getElementById("div1")
var div2 = document.getElementById("div2")
var div3 = document.getElementById("div3")
var div4 = document.getElementById("div4")
var div5 = document.getElementById("div5")
var viewsocks = document.getElementById("viewsocks")
var pagetable = document.getElementById("pagetable")
var titletext = document.getElementById("titletext")


stages.style.position = "absolute";
maindiv.style.position = "absolute";
if (viewsocks)
{
viewsocks.style.position = "absolute";
}

if (thisbrowser == "Firefox" || thisbrowser == "Safari" )
{
//alert(findPosX(maintd))
//alert(findPosY(maintd))
}


Yadjust = 0
Xadjust = 0
if (thisbrowser == "Safari" )
{
//Yadjust = -191	
}

maintdY = findPosY(pagetable) + pagetable.rows[0].cells[0].clientHeight
maintdX = findPosX(maintd) + Xadjust



stages.style.left = maintdX +"px"
stages.style.top = maintdY + "px"


maindiv.style.left = maintdX + 10 + stages.offsetWidth + "px"
maindiv.style.top = maintdY  + 50  + "px"

if (div1)
{
totaldivwidth = parseInt(div1.clientWidth) +  parseInt(div2.clientWidth) +  parseInt(div3.clientWidth)
avaliableXspace = parseInt(maindiv.clientWidth) - totaldivwidth

div1.style.marginLeft = (avaliableXspace/4) + "px";
div2.style.marginLeft = (avaliableXspace/4) + "px";
div2.style.marginRight = (avaliableXspace/4) + "px";
div3.style.marginRight = (avaliableXspace/4) + "px";



}
else
{
	
		if (div4)
		{
		totaldivwidth = parseInt(div4.clientWidth) +  parseInt(div5.clientWidth)
		avaliablespace = parseInt(maindiv.clientWidth) - totaldivwidth
		
		div4.style.marginLeft = (avaliablespace/3) + "px";
		div4.style.marginRight = (avaliablespace/6) + "px";
		div5.style.marginLeft = (avaliablespace/6) + "px";
		div5.style.marginRight = (avaliablespace/3) + "px";
		
		availablespace = (maintdY + 370) - (findPosY(div4)+div4.clientHeight) - 100  // have to use hard value of 370 because Safari doesnt like maintd.clientHeight?!
		titletext.style.marginBottom = (availablespace/2) + "px";
		}
														
}

if (viewsocks)
{
		viewsocks.style.left = findPosX(stages) + viewsocks.clientWidth + 10 + "px"
		viewsocks.style.top = findPosY(stages) + stages.clientHeight + (viewsocks.clientHeight*0.66) + "px"
}

pagetable.style.visibility = "visible";
}