// Dropdown menus

function cleardropdown(){
	document.getElementById('dropdownContainer').style.visibility = "hidden";
	document.getElementById('dropdownContent').style.overflow = "hidden";
	//document.getElementById('clickDetector').style.visibility = "hidden";
}
function showDropMenu(){
	//document.getElementById('clickDetector').style.visibility = "visible";
	document.getElementById('dropdownContainer').style.visibility = "visible";
	document.getElementById('dropdownContent').style.overflow = "auto";
	
}


function showInfo(section, boxno){
	closeAllInfoBoxes();
	document.getElementById('infobox_' + section + '_' + boxno).style.visibility = "visible";
	
}

function closeInfo(section, boxno){
	document.getElementById('infobox_' + section + '_' + boxno).style.visibility = "hidden";
}




sliderStates = new Array();


// Onload function for pages with sliding boxes
function initSliders(){
    //return;
    var c = 0;
    while (1){
        var e = document.getElementById('sliderContent_' + c);
        if (!e){break;}
        sliderStates[c] = "open";
        toggleSlider(c);
        c++;
    }
    
}

// toggle function to open/close slider boxes


function openSlider(sID){
    document.getElementById('sliderFooter_' + sID).style.backgroundImage = "url('../img/shared/box683whiteFooter.gif')";
    document.getElementById('sliderOPLink_' + sID).style.backgroundImage = "url('../img/shared/icon_closebox.gif')";
    document.getElementById('sliderOPLink_' + sID).className = "sliderOPLinkOpen";
    document.getElementById('sliderOPLink_' + sID).innerHTML = "<span>Close</span>";
    document.getElementById('sliderHeadLink_' + sID).className = "sliderHeadLinkOpen";
    sliderStates[sID] = 'open';
    clearInterval(interval[sID]);
}

function closeSlider(sID){
    document.getElementById('sliderFooter_' + sID).style.backgroundImage = "url('../img/shared/box683BlueFooter.gif')";
    document.getElementById('sliderOPLink_' + sID).style.backgroundImage = "url('../img/shared/icon_openbox.gif')";
    document.getElementById('sliderOPLink_' + sID).className = "sliderOPLinkClosed";
    document.getElementById('sliderOPLink_' + sID).innerHTML = "<span>Open</span>";
    document.getElementById('sliderHeadLink_' + sID).className = "sliderHeadLinkClosed";
    sliderStates[sID] = 'closed';
    clearInterval(interval[sID]);
}

interval = Array();

function toggleSlider(sID){
    if(sliderStates[sID] == 'sliding'){return;}

    if (sliderStates[sID] == 'closed'){
            sliderStates[sID] = 'sliding';
            Effect.toggle('sliderContent_' + sID, 'blind');
            interval[sID] = setInterval('openSlider(' + sID + ')', 1000);
        } else {
            sliderStates[sID] = 'sliding';
            Effect.toggle('sliderContent_' + sID, 'blind');
            interval[sID] = setInterval('closeSlider(' + sID + ')', 1000);
        }
    

}