function init( ){
    initInputButtons( );
    initBottomContent( );
}

function initInputButtons( ){
    if(document.getElementsByTagName){
        var inputs = document.getElementsByTagName("INPUT");
        for(var i = 0; i < inputs.length; i++){
            if((inputs[i].type == "submit" || inputs[i].type == "reset" || inputs[i].type == "button") && inputs[i].className == "button"){
                inputs[i].onmouseover = inputOver;
                inputs[i].onmouseout = inputOut;
            }
        }
        var uls = document.getElementsByTagName("UL");
        for(var i = 0; i < uls.length; i++){
            if(uls[i].id.match(/tdiv_\d/)){
                var tmp = uls[i].id.replace(/tdiv_/, "");
                tmp = tmp * 100;
                uls[i].style.left = tmp + "px";
            }
        }
    }
}

function inputOver(e){
    this.className = "buttonOver";
}

function inputOut(e){
    this.className = "button";
}

function imageSelectPopUp(pwinvar){
    imgSelectPopUp = window.open("./imageselect.php?mode=1&fieldID=" + pwinvar, "ImageSelector", "width=780,height=480, scrollbars=0, status=no,toolbar=no,resizable=no");
    imgSelectPopUp.focus( );
}

function openUploader( ){
    var imgSelectPopUp = window.open("./imageselect.php", "ImageSelector", "width=780,height=480, scrollbars=0, status=no,toolbar=no,resizable=no");
    imgSelectPopUp.focus( );

    if(document.all){
        window.event.cancelBubble = true;
    }
    else{
        e.stopPropagation( );
        e.preventDefault( );
    }
    return false;
}

//drop down menus ##################################################
var CurMenu = null;
var isDropped = false;
var isHideCheck = false;

var subCurMenu = null;
var subIsDropped = false;
var subIsHideCheck = false;

function pageON(index){
    if(document.getElementById)
        show("tdiv_" + index, index);
}
function pageOFF(index){
    if(document.getElementById){
        if(!isHideCheck) hideMenu( );
    }
}
function show(menuID, ind){
    if(CurMenu) CurMenu.style.visibility = "hidden";
    var menu = document.getElementById(menuID);
    //var tmp = ind * 110;
    //menu.style.left = tmp + "px";
    menu.style.visibility = "visible";

    isDropped = true;
    CurMenu = menu;
}
function hideMenu( ){
   if(CurMenu){
     isDropped = false;
     isHideCheck = true;
     setTimeout('checkDropped( );', 500);
     isHideCheck = false;
   }
}
function checkDropped( ){
     if(!isDropped) CurMenu.style.visibility = "hidden";
}
//############################################################

function printView(plink) {
    var plink2 = "/print/p/" + plink;
    window.open(plink2, "ShoppingList", "width=620,height=400,status=yes,toolbar=no,resizable=yes,raised=yes,scrollbars=yes");
}

function printPage(buttonID) {
    var printButton = document.getElementById(buttonID);
    printButton.style.visibility = "hidden";
    window.print();
    window.close();
}

function initBottomContent( ){
    if(!document.getElementById('content')){
        return;
    }
    var pcontain = document.getElementById('content');
    if(document.getElementById('siteMap')){
        var siteMap = document.getElementById('siteMap');

        if(document.all)
            siteMap.style.top = parseInt(pcontain.clientHeight + 120) + "px";
        else
            siteMap.style.top = parseInt(pcontain.scrollHeight + 120) + "px";

        if(document.getElementById('siteMapButton')){
            var siteMapButton = document.getElementById('siteMapButton');
            siteMapButton.onclick = function( ){toggleBottomContent('siteMap');};
        }
    }
    if(document.getElementById('pageInformation')){
        var pageInformation = document.getElementById('pageInformation');

        if(document.all)
            pageInformation.style.top = parseInt(pcontain.clientHeight + 120) + "px";
        else
            pageInformation.style.top = parseInt(pcontain.scrollHeight + 120) + "px";

        if(document.getElementById('pageInformationButton')){
            var pageInformationButton = document.getElementById('pageInformationButton');
            pageInformationButton.onclick = function( ){toggleBottomContent('pageInformation');};
        }
    }
}

function toggleBottomContent(contentId){
    if(!document.getElementById(contentId)){
        return;
    }

    contentObj = document.getElementById(contentId);

    if(document.getElementById('siteMap')){
        var siteMap = document.getElementById('siteMap');
        if(contentId != 'siteMap' && siteMap.style.display == 'block'){
            siteMap.style.display = 'none';
        }
    }
    if(document.getElementById('pageInformation')){
        var pageInformation = document.getElementById('pageInformation');
        if(contentId != 'pageInformation' && pageInformation.style.display == 'block'){
            pageInformation.style.display = 'none';
        }
    }

    if(contentObj.style.display != 'block'){
        contentObj.style.display = 'block';
    }
    else{
        contentObj.style.display = 'none';
    }
}
