var footerCheckInterval;

function init(){
    $("#menu").supersleight();
    checkFooter();
    initButtons();
}

function initButtons(){
    for(var i=0;i<document.images.length;i++){
	var img=document.images[i];
	if(img.className.indexOf("swapable")!=-1){
	    if(img.state!="__selected") img.state="__default";
	    img.onmouseover=mouseoverHandler;
	    img.onmouseout=mouseoutHandler;
	}

    }
}



function markSelected(itemID){
    var obj=document.getElementById(itemID);
    changeObjectState(obj, "__selected");
}

function showElement(elementID){
    document.getElementById(elementID).style.display="block";
    checkFooter();
}
function hideElement(elementID){
    document.getElementById(elementID).style.display="none";
    checkFooter();
}

function changeObjectState(object, state){
    var src=String(object.src);

    try{
	object.src=src.replace(object.state?object.state:"__default", state);
	object.state=state;
    }
    catch(ex){
	alert(ex.toString());
    }
}

function checkFooter(continuous, finish){
    if(finish){
	clearInterval(footerCheckInterval);
	footerCheckInterval=null;
    }
    var container=document.getElementById("container");
    var footer=document.getElementById("footer");
    var availableHeight=window.innerHeight?window.innerHeight:document.documentElement.clientHeight;
    if(container.clientHeight+container.offsetTop+footer.clientHeight<availableHeight){
	footer.style.position="absolute";
	footer.style.bottom="0px";
    }else footer.style.position="relative";
    footer.style.visibility="visible";
    if(continuous) footerCheckInterval=setInterval("checkFooter()", 10);
}

function showFloatingBox(boxID){
    var shade=document.getElementById(boxID);
    var box=document.getElementById("floatingBox_"+boxID);
    var width=window.innerWidth?window.innerWidth:document.documentElement.clientWidth;
    var height=window.innerHeight?window.innerHeight:document.documentElement.clientHeight;
    shade.style.display="block";
    shade.style.width=width+"px";
    shade.style.height=height+"px";
    shade.style.visibility="visible";

    box.style.display="block";
    box.style.left=(shade.clientWidth-box.clientWidth)/2+"px";
    box.style.top=(shade.clientHeight-box.clientHeight)/2+"px";
    box.style.visibility="visible";
    return false;
}

function mouseoverHandler(e){
    e=e?e:(window.event?event:null);
    var obj = e.target?e.target:(e.srcElement?e.srcElement:null);
    if(obj.state!="__selected") changeObjectState(obj, "__over");
}
function mouseoutHandler(e){
    e=e?e:(window.event?event:null);
    var obj = e.target?e.target:(e.srcElement?e.srcElement:null);
    if(obj.state!="__selected") changeObjectState(obj, "__default");
}