var wait1;

function doLoad(){
wait1 = setTimeout("hideAll()", 1000);
slideshow();
}


//temp
function blacken(obj)
{
obj.parentNode.style.backgroundColor = '#333';
}

function whiten(obj)
{
obj.parentNode.style.backgroundColor = '#FFF';
}
//

function doMenu(){
if(typeof wait1 != 'undefined'){
clearTimeout(wait1);
}
}
//
function undoMenu(){
wait1 = setTimeout("hideAll()", 1000);
}

function doSubmenu(){
if(typeof wait1 != 'undefined'){
clearTimeout(wait1);
}
}
//
//
function undoSubmenu(){
wait1 = setTimeout("hideAll()", 1000);
}

function hideAll(){
var popup;
var popups = new Array();
popups[0] = 'menupopup2';
popups[1] = 'menupopup3';
popups[2] = 'menupopup4';
popups[3] = 'menupopup5';
popups[4] = 'menupopup6';
popups[5] = 'menupopup7';
for (popup in popups){
document.getElementById(popups[popup]).style.visibility = 'hidden';
}
}

function showSubmenu2(){
var refdiv = document.getElementById('menu2');
var leftpos = parseInt(refdiv.offsetLeft) + parseInt(refdiv.offsetParent.offsetLeft) + parseInt(refdiv.offsetParent.offsetParent.offsetLeft);
var thisdiv = document.getElementById('menupopup2');
thisdiv.style.left = leftpos + "px" ;
thisdiv.style.visibility = 'visible';
}

function showSubmenu3(){
var refdiv = document.getElementById('menu3');
var leftpos = parseInt(refdiv.offsetLeft) + parseInt(refdiv.offsetParent.offsetLeft) + parseInt(refdiv.offsetParent.offsetParent.offsetLeft);
var thisdiv = document.getElementById('menupopup3');
thisdiv.style.left = leftpos + "px" ;
thisdiv.style.visibility = 'visible';
}

function showSubmenu4(){
var refdiv = document.getElementById('menu4');
var leftpos = parseInt(refdiv.offsetLeft) + parseInt(refdiv.offsetParent.offsetLeft) + parseInt(refdiv.offsetParent.offsetParent.offsetLeft);
var thisdiv = document.getElementById('menupopup4');
thisdiv.style.left = leftpos + "px" ;
thisdiv.style.visibility = 'visible';
}

function showSubmenu5(){
var refdiv = document.getElementById('menu5');
var leftpos = parseInt(refdiv.offsetLeft) + parseInt(refdiv.offsetParent.offsetLeft) + parseInt(refdiv.offsetParent.offsetParent.offsetLeft);
var thisdiv = document.getElementById('menupopup5');
thisdiv.style.left = leftpos + "px" ;
thisdiv.style.visibility = 'visible';
}

function showSubmenu6(){
var refdiv = document.getElementById('menu6');
var leftpos = parseInt(refdiv.offsetLeft) + parseInt(refdiv.offsetParent.offsetLeft) + parseInt(refdiv.offsetParent.offsetParent.offsetLeft);
var thisdiv = document.getElementById('menupopup6');
thisdiv.style.left = leftpos + "px" ;
thisdiv.style.visibility = 'visible';
}

function showSubmenu7(){
var refdiv = document.getElementById('menu8');
var leftpos = parseInt(refdiv.offsetLeft) + parseInt(refdiv.offsetParent.offsetLeft) + parseInt(refdiv.offsetParent.offsetParent.offsetLeft);
var thisdiv = document.getElementById('menupopup7');
var thiswidth = thisdiv.offsetWidth;
var leftposnew = leftpos - thiswidth + 8; 
thisdiv.style.left = leftposnew + "px" ;
thisdiv.style.visibility = 'visible';
}

var showwait = 5;//in seconds
var transition = 0.5;//in seconds
var steps = 20;//more is smoother
var basex = 0;//the starting z-index
//do not edit
var topslide = -1;
var nextslide = 0;
var step = 0;
var wait = Math.round(showwait * 1000);//leave
var interval = Math.round((transition/steps) * 1000);//leave

function slideshow(){
topslide++;
if(topslide == slides.length){
topslide = 0;	
}
nextslide = topslide + 1;
if(nextslide == slides.length ){
nextslide = 0;	
}
for(slide in slides){
document.getElementById(slides[slide]).style.zIndex = basex;
document.getElementById(slides[slide]).style.opacity = 1;
document.getElementById(slides[slide]).style.MozOpacity = 1;
document.getElementById(slides[slide]).style.filter = 'alpha(opacity=' + (100) + ')';
}
document.getElementById(slides[topslide]).style.zIndex = basex + 2;
document.getElementById(slides[nextslide]).style.zIndex = basex + 1;

setTimeout(slidefade,wait);
}

function slidefade(){
if(step < steps){
step++;
//visibility
var onow = 1 - (Math.round(step / steps * 100)/100);
document.getElementById(slides[topslide]).style.opacity = onow;
document.getElementById(slides[topslide]).style.MozOpacity = onow;
document.getElementById(slides[topslide]).style.filter = 'alpha(opacity=' + (onow*100) + ')';
//
setTimeout(slidefade,interval);
}else{
document.getElementById(slides[topslide]).style.opacity = 0;
document.getElementById(slides[topslide]).style.MozOpacity = 0;
document.getElementById(slides[topslide]).style.filter = 'alpha(opacity=' + (0) + ')';
step = 0;	
slideshow();
}
}