//------------------------------------------------
//Declare variable to represent width of the screen
var screenWidth; 

 if( typeof( window.innerWidth ) == 'number' ) {
	screenWidth= innerWidth;
 }

else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
	screenWidth= document.documentElement.clientWidth;
 }
else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
   screenWidth= document.body.clientWidth;   
 }

function getScreenWidth(){
	return screenWidth+"px";
}
function getMainWidth(){
  	var w = screenWidth - 177 +"px";
  	return w;
}
function getRight(){
	var r = screenWidth - 172 +"px";
  	return r;
}
function getMiddleWidth(){
	var mw = screenWidth - 329+"px";
	return mw;
}
function getBannerRight(){
	var br = screenWidth-185 +"px";
	return br;
}

function getBannerCenter(){
 var object;
 var bc;
 if (screenWidth >= 1000){
   	object=document.getElementById("ban");
   	object.style.width=(687+"px");
   	object.style.height=(84+"px");
	bc = (screenWidth/2-344)+"px";
 }
 else{
	bc = (screenWidth/2-275)+"px";
 }
 return bc;
}

/********************************************************************************************

*************	Highlight cell onmouseover

*********************************************************************************************/
function lightCell(str){
 var obj; 	//variable to store the object

 // get the appropriate menu cell
 if(str == "menuCell") obj = document.getElementById("menuCell");
 if(str == "menuCell1") obj = document.getElementById("menuCell1");
 if(str == "menuCell2") obj = document.getElementById("menuCell2");
 if(str == "menuCell3") obj = document.getElementById("menuCell3");
 if(str == "menuCell4") obj = document.getElementById("menuCell4");
 if(str == "menuCell5") obj = document.getElementById("menuCell5");
 if(str == "menuCell6") obj = document.getElementById("menuCell6");
 if(str == "menuCell7") obj = document.getElementById("menuCell7");
 if(str == "menuCell8") obj = document.getElementById("menuCell8");
 if(str == "menuCell9") obj = document.getElementById("menuCell9");
 if(str == "menuCell10") obj = document.getElementById("menuCell10");
 if(str == "menuCell11") obj = document.getElementById("menuCell11");

obj.style.backgroundColor = "#5555ff"; 	//lightens cell
//alert(str)
}

function darkenCell(str){
 var obj; 	//variable to store the object

 // get the appropriate menu cell
 if(str == "menuCell") obj = document.getElementById("menuCell");
 if(str == "menuCell1") obj = document.getElementById("menuCell1");
 if(str == "menuCell2") obj = document.getElementById("menuCell2");
 if(str == "menuCell3") obj = document.getElementById("menuCell3");
 if(str == "menuCell4") obj = document.getElementById("menuCell4");
 if(str == "menuCell5") obj = document.getElementById("menuCell5");
 if(str == "menuCell6") obj = document.getElementById("menuCell6");
 if(str == "menuCell7") obj = document.getElementById("menuCell7");
 if(str == "menuCell8") obj = document.getElementById("menuCell8");
 if(str == "menuCell9") obj = document.getElementById("menuCell9");
 if(str == "menuCell10") obj = document.getElementById("menuCell10");
 if(str == "menuCell11") obj = document.getElementById("menuCell11");

obj.style.backgroundColor = "#000040"; 	//lightens cell
//alert(str)
}

function showLink(str){
 var obj,  left; 	//variable to store the object

 // get the appropriate div layer
 if(str == "pictureLayer") obj = document.getElementById("pictureLayer");
 if(str == "pictureLayer2") obj = document.getElementById("pictureLayer2");
 if(str == "pictureLayer3") obj = document.getElementById("pictureLayer3");
 if(str == "pictureLayer4") obj = document.getElementById("pictureLayer4");
 if(str == "myHorseLayer"){
	left = 0.31*screenWidth; 
	obj = document.getElementById("myHorseLayer");
	obj.style.left = left;
 }
 if(str == "menuLayer1") obj = document.getElementById("menuLayer1");
 if(str == "menuLayer2") obj = document.getElementById("menuLayer2");
 if(str == "menuLayer3") obj = document.getElementById("menuLayer3");
 if(str == "menuLayer4") obj = document.getElementById("menuLayer4");
 if(str == "menuLayer5") obj = document.getElementById("menuLayer5");
 if(str == "menuLayer6") obj = document.getElementById("menuLayer6");
 if(str == "menuLayer7") obj = document.getElementById("menuLayer7");
 if(str == "menuLayer8") obj = document.getElementById("menuLayer8");
 if(str == "menuLayer9") obj = document.getElementById("menuLayer9");
 if(str == "menuLayer10") obj = document.getElementById("menuLayer10");
 if(str == "menuLayer11") obj = document.getElementById("menuLayer11");


obj.style.visibility = "visible"; 	//shows layer
//alert(str)
}

function hideLink(str){
 var obj; 	//variable to store the object

 // get the appropriate div layer
 if(str == "pictureLayer") obj = document.getElementById("pictureLayer");
 if(str == "pictureLayer2") obj = document.getElementById("pictureLayer2");
 if(str == "pictureLayer3") obj = document.getElementById("pictureLayer3");
 if(str == "pictureLayer4") obj = document.getElementById("pictureLayer4");
 if(str == "myHorseLayer") obj = document.getElementById("myHorseLayer");
 if(str == "menuLayer1") obj = document.getElementById("menuLayer1");
 if(str == "menuLayer2") obj = document.getElementById("menuLayer2");
 if(str == "menuLayer3") obj = document.getElementById("menuLayer3");
 if(str == "menuLayer4") obj = document.getElementById("menuLayer4");
 if(str == "menuLayer5") obj = document.getElementById("menuLayer5");
 if(str == "menuLayer6") obj = document.getElementById("menuLayer6");
 if(str == "menuLayer7") obj = document.getElementById("menuLayer7");
 if(str == "menuLayer8") obj = document.getElementById("menuLayer8");


 obj.style.visibility = "hidden"; 	//hides layer
//alert(str)
}

function showLinkandLightCell(s){
	lightCell('menuCell3');
	showLink(s);
}

function hideOldOpenNewLyr(string){
 hideLink('menuLayer3');
 showLink(string);
}

function hideOldOpenNewLyr2(st){
 hideLink('menuLayer4');
 showLink(st);
}

//function to display each image for the set time interval

function rotate(){
 document.images.pic.src = imgs[n];
 (n == (imgs.length - 1)) ? n = 0 : n++;
 setTimeout("rotate()",pause);

}

//Blows up picture on mouse over
function bloatPicture(str){

	var object, d;

 	d=400;

	object=document.getElementById(str);
	object.style.width=(d +"px");

}

//shrinks pictue on mouse out
function unBloatPicture(str){
//	alert("This is working " + str);
	var object, d;

 	d=200;

	object=document.getElementById(str);
	object.style.width=(d +"px");

}


function bannerWidth(){
var object;

 object=document.getElementById("headbanner");
 object.style.width=((screenWidth - 15)+"px");

 object=document.getElementById("bannerrightpic");
 object.style.left=(screenWidth-185+"px");

 if (screenWidth >= 1000){
   object=document.getElementById("ban");
   object.style.width=(687+"px");
   object.style.height=(84+"px");

   object=document.getElementById("bannercenterpic");
   object.style.left=((screenWidth/2-344)+"px");
 }
 else{
    object=document.getElementById("bannercenterpic");
    object.style.left=((screenWidth/2-275)+"px");
 }
}


//------------------------------------------------
function menuWidth(){
 var object;
 object=document.getElementById("menuBanner");
 object.style.width=((screenWidth - 15)+"px");
}



function reportWidth(){
var object;


 object=document.getElementById("d15");
 object.style.width=((screenWidth-220)+"px");
}

//------------------------------------------------
function tableWidth(){
var object;

 object=document.getElementById("d16");
 object.style.width=((screenWidth -180)+"px");
}
//---------------------------------------------

function pageWidth(){
 var object;

  object=document.getElementById("d6");
  object.style.left=((screenWidth-161)+"px");


  object=document.getElementById("d7");
  object.style.width=((screenWidth - 330)+"px");
 
}
//---------------------------------------------------


function imageSize(){
 var object, sWidth, sFactor, leftVal;

 sFactor = screenWidth/800;
 sFactor = Math.round(sFactor);
 leftVal = screenWidth/2 - sFactor*300 - 10;

 object=document.getElementById("pic");
  object.style.width=((sFactor*350)+"px");
  object.style.height=((sFactor*263)+"px");


 
}
//------------------------------------------------


function homeWriteWidth(){
 var object, sFactor, sWidth, topVal;

  sFactor = screenWidth/800;
  topVal = 215 + sFactor*225;

  object=document.getElementById("d19");
  object.style.width=((screenWidth - 369)+"px");
  object.style.top=(topVal +"px");
}

//------------------------------------------------

function middleWidth(){
 var object;
  object=document.getElementById("middle");
  object.style.width=((screenWidth - 329)+"px");
}



//----------------------------------------------

function rightPics(str){
 var object,sWidth, picPos, height;
  height=document.getElementById(str).clientHeight;
  
//  alert("Height: " + height);

  picPos =screenWidth - 172;

  object=document.getElementById("right");
  object.style.left=(picPos +"px");
 if(height > document.getElementById("right").clientHeight){
	object=document.getElementById("right");
 	object.style.height=height;
 }
 else{
	height = document.getElementById("right").clientHeight;
 	object=document.getElementById("main");
	object.style.height=height;
 }
}



//-----------------------------------------------

function mainWidth(){
  var object;
  object=document.getElementById("main");
  object.style.width=((screenWidth - 177)+"px");

}


//-----------------------------------------------
function fullWidth(){
  var object;  
  object=document.getElementById("full");
  object.style.width=((screenWidth -22) +"px");
}

function loadHomePage(){
 bannerWidth();
 rightPics('main');
 menuWidth();
 mainWidth();
 imageSize();
 rotate();
}

function loadPage(){
 bannerWidth();
 menuWidth();
 rotate(); 
 middleWidth();
 rightPics('middle');
}

function loadPage2(){
 bannerWidth()
 reportWidth()
}
function loadPage3(){
 bannerWidth();
 fullWidth();
 menuWidth();
}
function loadPage4(){
 bannerWidth() 
 pageWidth()
}
function loadPage5(){
 bannerWidth() 
 menuWidth()
 mainWidth()
 rightPics('main')
}
function loadPage6(){
 bannerWidth()
 rotate() 
 middleWidth()
 rightPics('main')
}