var splashPicStartW,splashPicStartH,bannerStartW,bannerStartH
var nbar,nbarH,nbarW,bpDiv,bnDiv,bnrTD,bfSize,bnDivH,bnrTDH

var picDiv,middot1,middot2,middot3,nbar1,nbar2,nbar3,nbar4

function pic_loader()
{
		if(ReZ==800)
		{	
			biopic=new Image()
			biopic.src="pics/splash-700.jpg"
		} 
		if(ReZ==1000)
		{
			biopic=new Image()
			biopic.src="pics/splash-800.jpg"
		}
	
		document.splash_pic.src=biopic.src
}

function init_sizes()
{

	// pics -------------- 
	
		// charlotte's pic
	
	splashPicStartW=parseInt(document.splash_pic.width)
	splashPicStartH=parseInt(document.splash_pic.height)
	
	picDiv=document.getElementById("pic_div").style


		// navbar items
	nbar1=document.getElementById("nav1").style
	nbar2=document.getElementById("nav2").style
	nbar3=document.getElementById("nav3").style
	nbar4=document.getElementById("nav4").style
	
	middot1=document.getElementById("middot1").style
	middot2=document.getElementById("middot2").style
	middot3=document.getElementById("middot3").style

}
 

	// called by wind_size() in init.js via onResize in splash.php(body tag)
function size_processor()	
{
	picWD=Math.round(splashPicStartW*viewRatio)
	picHT=Math.round(splashPicStartH*viewRatio)
	
	if(ReZ==800){ 
		nbar1.lineHeight=nbar2.lineHeight=nbar3.lineHeight=nbar4.lineHeight="15pt"
	}

	
	if(picWD <= 700 | ReZ==800)
	{
		document.splash_pic.src="pics/splash-700.jpg"
		document.splash_pic.width=700
		document.splash_pic.height=525 
		
		picDiv.width=700 
		picDiv.height=525 
		
		nbar1.width=nbar2.width=nbar3.width=nbar4.width=25
		middot1.width=middot2.width=middot3.width=50
	}
	else
	{
		document.splash_pic.src="pics/splash-800.jpg"
		document.splash_pic.width=800
		document.splash_pic.height=600 
		
		picDiv.width=800 
		picDiv.height=600 
		
		nbar1.width=nbar2.width=nbar3.width=nbar4.width=Math.round(50*viewRatio)
		middot1.width=middot2.width=middot3.width=Math.round(100*viewRatio)
	}
	

	status=document.splash_pic.src + " " + picWD
}