// Following code is for writing cross-browser css
var NN4 = document.layers? true : false;
var IE4 = document.all? true : false;
// Background Image Layer
var oneLeft = 0;
var oneTop = 0;

// Navigation Layer
var twoLeft = 50;
var twoTop = 125;
var twoWidth = 118;

// Title Layer
var threeLeft = 360;
var threeTop = 110;
var threeWidth = 339;

// Copyright Layer
var fourLeft = 200;
var fourTop = 540;
var fourWidth = 497;

// Scroll Control
var fiveLeft = 650;
var fiveTop = 190;
var fiveWidth = 50;




function display() {
  if(NN4) {
    document.layers['layer1'].left = oneLeft;
    document.layers['layer1'].top = oneTop;
    document.layers['layer1'].visibility = "show";
	document.layers['layer2'].left = twoLeft;
    document.layers['layer2'].top = twoTop;
	document.layers['layer2'].width = twoWidth;
    document.layers['layer2'].visibility = "show";
	document.layers['layer3'].left = threeLeft;
    document.layers['layer3'].top = threeTop;
	document.layers['layer3'].width = threeWidth;
    document.layers['layer3'].visibility = "show";
	document.layers['layer4'].left = fourLeft;
    document.layers['layer4'].top = fourTop;
	document.layers['layer4'].width = fourWidth;
    document.layers['layer4'].visibility = "show";
	document.layers['layer5'].top = fourTop;
	document.layers['layer5'].width = fourWidth;
    document.layers['layer5'].visibility = "show";
	document.height = 569;
  }
 else {
    document.all['layer1'].style.pixelLeft = oneLeft;
    document.all['layer1'].style.pixelTop = oneTop;
    document.all['layer1'].style.visibility = "visible";
	document.all['layer2'].style.pixelLeft = twoLeft;
    document.all['layer2'].style.pixelTop = twoTop;
	document.all['layer2'].style.pixelWidth = twoWidth;
    document.all['layer2'].style.visibility = "visible";
	document.all['layer3'].style.pixelLeft = threeLeft;
    document.all['layer3'].style.pixelTop = threeTop;
	document.all['layer3'].style.pixelWidth = threeWidth;
    document.all['layer3'].style.visibility = "visible";
	document.all['layer4'].style.pixelLeft = fourLeft;
    document.all['layer4'].style.pixelTop = fourTop;
	document.all['layer4'].style.pixelWidth = fourWidth;
    document.all['layer4'].style.visibility = "visible";
	document.all['layer5'].style.pixelLeft = fourLeft;
    document.all['layer5'].style.pixelTop = fourTop;
	document.all['layer5'].style.pixelWidth = fourWidth;
    document.all['layer5'].style.visibility = "visible";
  }
scrollInit();
}

function checkBrowser(){
	this.ver=navigator.appVersion
	this.dom=document.getElementById?1:0
	this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
	this.ie4=(document.all && this.dom)?1:0;
	this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
	this.ns4=(document.layers && !this.dom)?1:0;
	this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5)
	return this
}
bw=new checkBrowser()
/*********************************************************************************
These are the variables you have to set:
*********************************************************************************/


//The speed of the timeout between each scroll.
timSpeed=50

//The height of the container (change this when it scrolls to much or to little)
contHeight=100

/*********************************************************************************
This is the object constructor function, which applies 
methods and properties to the Cross-browser layer object
*********************************************************************************/
function makeScrollObj(obj,nest){
	nest=(!nest) ? '':'document.'+nest+'.'										
	this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0;
  	this.css=bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+'document.'+obj):0;		
	this.height=bw.ns4?this.css.document.height:this.el.offsetHeight
	this.top=b_gettop										
	return this
}
//Getting the top for the top method
function b_gettop(){
	var gleft=(bw.ns4 || bw.ns5) ? eval(this.css.top):eval(this.css.pixelTop);
	return gleft;
}
//Variables
var scrollTim;
var active=0;
/*********************************************************************************
The scroll function. Checks what way to scroll and checks if the
layer is not already on top or bottom.
*********************************************************************************/
function scroll(speed){
	clearTimeout(scrollTim)
	way=speed>0?1:0
	if((!way && oScroll[active].top()>-oScroll[active].height+contHeight) || (oScroll[active].top()<0 && way)){
		oScroll[active].css.top=oScroll[active].top()+speed
		scrollTim=setTimeout("scroll("+speed+")",timSpeed)
	}
}
//Clears the timeout so the scroll stops, this is called onmouseout.
function noScroll(){
	clearTimeout(scrollTim)
}
/*********************************************************************************
Changes the active layer. Hides the one that's visible and
shows the "new" one. Also set's the new layers top to
0 so it starts at top.
*********************************************************************************/
function changeActive(num){
	oScroll[active].css.visibility='hidden'
	active=num
	oScroll[active].css.top=0
	oScroll[active].css.visibility='visible'
}
/*********************************************************************************
Initilizes the page, makes a oScroll Array and calls the object constructor.
Here you can add as many scrollObjects as you want
*********************************************************************************/
function scrollInit(){
	oScroll=new Array()
	oScroll[0]=new	makeScrollObj('divScroll1','divCont')
	oScroll[0].css.visibility='visible'
	oControl=new makeScrollObj('divControl')
	oControl.css.visibility='visible'
}