var speed = 1; // milliseconds
var mP = -15;
var toggle = 0;
var stopper = -15;
var ftt = 0;
var s;
var t;
var current;
var sp = 0;
var int;

function adjHeight() {
	var cH = document.getElementById("body");
	var xH = cH.offsetHeight;
	if(xH < 525) {
		cH.style.height = 525 + 'px';
	}
}

var Pic = new Array();
Pic[0]='images/content_bg.gif'
Pic[1]='images/header_bg.jpg'
Pic[2]='images/footer_bg.jpg'

var p = Pic.length;

var preLoad = new Array();
for (r = 0; r < p; r++){
   preLoad[r] = new Image();
   preLoad[r].src = Pic[r];
}

images = new Array();
images[0]='home'
images[1]='products'
images[2]='wetland'
images[3]='access'
images[4]='customer'
images[5]='past'
images[6]='new'
images[7]='about'
images[8]='contact'

var j=0;
var navImg = new Array;
var navImgo = new Array;
for(j=0; j<images.length; j++) 
{
	navImg[j] = new Image();
	navImg[j].src='images/nav_'+images[j]+'.gif';
	navImgo[j] = new Image();
	navImgo[j].src='images/nav_'+images[j]+'_live.gif';
}

function navOver(i) {
	document['navImg' + i].src = navImgo[i].src;
}

function navOff(i) {
	document['navImg' + i].src = navImg[i].src;
}

function slideToggle() {
	if(toggle == 1){
		slideUp();
	}else if(toggle == 0){
		slideDown();
	}
}

function slideUp() {
	var slide = document.getElementById("slide");
	var height = 0 - (slide.offsetHeight - 5);
	clearTimeout(s);
	if(mP>height){
		mP = mP - 5;
		slide.style.marginTop = mP + "px";
		t = setTimeout(slideUp,speed);
	}else{
		toggle = 0;
		document.getElementById("tab").src = "images/tab_down.png";
		clearTimeout(t);
	}	
}

function slideDown() {
	var slide = document.getElementById("slide");
	if(mP<stopper){
		mP = mP + 5;
		slide.style.marginTop = mP + "px";
		t = setTimeout(slideDown,speed);
	}else{
		toggle = 1;
		document.getElementById("tab").src = "images/tab_up.png";
		clearTimeout(t);
		s = setTimeout(slideToggle,8000);
	}
}

function visibleNav(x) {
	var subnav = document.getElementById("subnav");
	var slide = document.getElementById("slide");
	var past = document.getElementById("past");
	var products = document.getElementById("products");
	if(current==x){
		return false;
	}
	if(x == "products"){
		subnav.style.visibility = "visible";
		subnav.style.marginLeft = "62px";
		past.style.display = "none";
		products.style.display = "block";
	}else if(x == "past"){
		subnav.style.visibility = "visible";
		subnav.style.marginLeft = "376px";
		products.style.display = "none";
		past.style.display = "block";
	}else{
		subnav.style.visibility = "hidden";
		toggle = 0;
	}
	if(ftt==0){
		slide.style.marginTop = 0 - (slide.offsetHeight - 5) + "px";
		mP = 0 - (slide.offsetHeight - 5);
	}
	if(ftt==1){
		if(current != x){
			slide.style.marginTop = 0 - (slide.offsetHeight - 5) + "px";
			mP = 0 - (slide.offsetHeight - 5);
			document.getElementById("tab").src = "images/tab_down.png";
			clearTimeout(t);
			clearTimeout(s);
			current = x;
			toggle = 0;
		}
	}
	ftt = 1;
}

function animSet(folder,x) {
	var img = document.getElementById("imgLG");
	var set = document.getElementById("set"+x);
	img.src = "images/"+folder+"/set"+x+".jpg";
	for (r = 1; r < 6; r++){
		document.getElementById("set"+r).style.display = "none";
	}
	set.style.display = "block";
}

function product(p,n) {
	var lnk = document.getElementById("prod"+p+"Link");
	var div = document.getElementById("prod"+p);
	n++;
	for (r = 1; r < n; r++){
		document.getElementById("prod"+r+"Link").style.color = "#000";
		document.getElementById("prod"+r+"Link").style.background = "none";
		document.getElementById("prod"+r).style.display = "none";
	}
	lnk.style.color = "#fff";
	lnk.style.background = "#287092";
	div.style.display = "block";
}

function animSlide() {
	clearInterval(int);
	if(sp<Slideshow.length){
		document.getElementById("slideImg").src = Slideshow[sp];
		sp++;
	}else{
		sp = 0;
		document.getElementById("slideImg").src = Slideshow[sp];
	}
	int = setInterval("animSlide()",4000);
}