var mydiv = "";
	var myeffect = "";
	var shimtimer;
	var rollcounter = 0;
	var itcounter = 0;
	var timer;
	var jj = 0;
	
	function go(page) {
		window.location = page;
	}
	
	function rollover(div) {
		var mydiv = new String();
		var rolloff, setofftimer;
		var showtimer = new Number();
		
		if(typeof(div) != "undefined") {
			// if(myeffect != "") myeffect.cancel();
			if(div == null) alert("Null received!!!");
			mydiv = div;
			new Effect.Appear($(div), 
				{position: 'end', duration: '0.25', afterFinish: setofftimer});
		} else {
			alert(div + " has undefined type....");
		}
		function setofftimer() {
			new Effect.Fade($(mydiv), 
				{position: 'end', duration: '0.25', afterFinish: starttimer}
			);
		}
		function rolloff() {
			new Effect.Fade($(mydiv), 
				{position: 'end', duration: '0.25'});
			clearTimeout(showtimer);
		}
		function starttimer() {
			showtimer=window.setTimeout(rolloff, 500);
		}
	}
	
	function randomroll() {
		var interval = Math.floor(Math.random() * 15);
		interval *= 1000;
		timer = window.setTimeout("roll();", interval);
	}
	
	function roll() {
		var divs = ['mtmouseover','homemouseover','aboutusmouseover', 'portfoliomouseover', 'contactusmouseover','conceptemouseover'];
		// first time through so initialize for direction to travel
		if(itcounter == 0) {
			if(rollcounter % 2) {
				jj = 0;
			} else {
				jj = 5;
			}
		}
		if(rollcounter % 2) {
			if(jj > 5) {
				window.clearTimeout(shimtimer);
				window.clearTimeout(timer);
				randomroll();
				itcounter = 0;
				++rollcounter;
			} else {
				++itcounter;
				rollover(divs[jj++]);
				shimtimer = window.setTimeout(roll, 175);
			}
		} else {
			if(jj < 0) {
				window.clearTimeout(shimtimer);
				window.clearTimeout(timer);
				randomroll();
				itcounter = 0;
				++rollcounter;				
			} else {
				++itcounter;
				rollover(divs[jj--]);
				shimtimer = window.setTimeout(roll, 175);
			}
		}	
	}
	
	function clearMyDiv() {
		mydiv = "";
		myeffect = "";
	}

	function getButtons() {
		var leftoffset;
		if(isIE) {
			leftoffset = '0';
			lineheight = '35';
			banner = '-175';
		} else {
		  	leftoffset = '1';
			lineheight = '37';
			banner = '-170';
		}
		var borders = ""; //"border: 1px solid red; background-color: green;";
		var mouseovers =  '<div id="mtmouseover" '+
			'style="cursor: pointer; cursor: hand; position: absolute; top: -176px; left: '+(isIE ? (30):(35))+'px; display: none; background-color: transparent; height: 40px; width: 330px;" ' +
			'onclick="go(\'index.php\');"><img src="images/MTMouseover.jpg" onclick="go(\'index.php\');"></div>' +
			'<div id="homemouseover" ' +
			'style="cursor: pointer; cursor: hand; position: absolute; top: 5px; left: '+(isIE ? (leftoffset+9): (leftoffset+4))+'px; display: none; background-color: transparent; height: 37px; width: 165px;" ' +
			'onclick="go(\'index.php\');"><a href="index.php" style="text-decoration: none;"><img border=0 src="images/HomeMouseover.jpg" ></a></div>' +
			'<div id="aboutusmouseover" ' +
			'style="cursor: pointer; cursor: hand; position: absolute; top: 80px; left: '+(isIE ? (leftoffset+5):(leftoffset+0))+'px; display: none; background-color: transparent; height: 37px; width: 165px;" ' +
			'onclick="go(\'aboutus.php\');"><a href="aboutus.php" style="text-decoration: none;"><img border=0 src="images/AboutUsMouseover.jpg"></a></div>' +
			'<div id="portfoliomouseover" ' +
			'style="cursor: pointer; cursor: hand; position: absolute; top: 154px; left: '+(isIE ? (leftoffset+6):(leftoffset+1))+'px; display: none; background-color: transparent; height: 37px; width: 165px;" ' +
			'onclick="go(\'portfolio.php\');"><a border=0 href="portfolio.php"><img border=0 src="images/PortfolioMouseover.jpg"></a></div>' +
			'<div id="contactusmouseover" ' +
			'style="cursor: pointer; cursor: hand; position: absolute; top: 226px; left: '+(isIE ? (leftoffset+6):(leftoffset+1))+'px; display: none; background-color: transparent; height: 37px; width: 165px;" ' +
			'onclick="go(\'contactus.php\');"><a border=0 href="contactus.php"><img border=0 src="images/ContactUsMouseover.jpg"></a></div>' +
			'<div id="conceptemouseover" ' +
			'style="cursor: pointer; cursor: hand; position: absolute; top: 390px; left: '+(leftoffset+12)+'px; display: none; background-color: transparent; height: 37px; width: 165px;" ' +
			'onclick="go(\'http://ceillinois.com\');"><a border=0 href="http://ceillinois.com"><img border=0 src="images/ConcepteMouseover.jpg"></a></div>';
				
		var nav = '<div id="mt" '+
			'style="cursor: pointer; cursor: hand; position: absolute; top: '+banner+'px; left: 32px; background-color: transparent; width: 330px; height: 40px;" ' +
			'onmouseover="rollover(\'mtmouseover\');" onclick="go(\'index.php\');"></div>' +
			'<div style="position: absolute; top: -5px;">' +
			'<div id="home" ' +
			'style="cursor: pointer; cursor: hand;  left: '+leftoffset+'px;  background-color: transparent; height: 37px; width: 165px;'+ borders +'" ' +
			'onmouseover="rollover(\'homemouseover\');" onclick="go(\'index.php\');">' +
            '</div>' + '<br style="line-height: '+lineheight+'px;">' +
            '<div id="aboutus" ' +
			'style="cursor: pointer; cursor: hand; left: '+leftoffset+'px; background-color: transparent; height: 37px; width: 165px;'+ borders +'" ' +
			'onmouseover="rollover(\'aboutusmouseover\');" onclick="go(\'aboutus.php\');"></div>' + 
            '<br style="line-height: '+lineheight+'px;">' +
            '<div id="portfolio" ' +
			'style="cursor: pointer; cursor: hand; left: '+leftoffset+'px;  background-color: transparent; height: 37px; width: 165px;'+ borders +'" ' +
			'onmouseover="rollover(\'portfoliomouseover\');" onclick="go(\'portfolio.php\');"></div>' +  
            '<br style="line-height: '+lineheight+'px;">' +
            '<div id="contactus" ' +
			'style="cursor: pointer; cursor: hand; left: '+leftoffset+'px; background-color: transparent; height: 37px; width: 165px;'+ borders +'" ' +
			'onmouseover="rollover(\'contactusmouseover\');" onclick="go(\'contactus.php\');"></div>' +
			'<div id="concepte" ' +
			'style="cursor: pointer; cursor: hand; position: absolute; top: 397px; left: '+leftoffset+'px; background-color: transparent; height: 15px; width: 165px;" ' +
			'onmouseover="rollover(\'conceptemouseover\');" onclick="go(\'http://ceillinois.com\');"></div>';
		$('leftnav').innerHTML = mouseovers + nav;
		randomroll();
	}