var cImgOn = new Image( );
cImgOn.src = "./images/carton.gif";
var cImgOff = new Image( );
cImgOff.src = "./images/cartoff.gif";

var c50sImgOn = new Image( );
c50sImgOn.src = "./images2/linkon.jpg";
var c50sImgOff = new Image( );
c50sImgOff.src = "./images2/linkoff.jpg";

var b1On = new Image( );
b1On.src = "/images/button1_on.gif";
var b1Off = new Image( );
b1Off.src = "/images/button1_off.gif";

var b2On = new Image( );
b2On.src = "/images/button2_on.gif";
var b2Off = new Image( );
b2Off.src = "/images/button2_off.gif";

var b3On = new Image( );
b3On.src = "/images/button3_on.gif";
var b3Off = new Image( );
b3Off.src = "/images/button3_off.gif";

var b4On = new Image( );
b4On.src = "/images/button4_on.gif";
var b4Off = new Image( );
b4Off.src = "/images/button4_off.gif";

var b5On = new Image( );
b5On.src = "/images/button5_on.gif";
var b5Off = new Image( );
b5Off.src = "/images/button5_off.gif";

var b6On = new Image( );
b6On.src = "/images/button6_on.gif";
var b6Off = new Image( );
b6Off.src = "/images/button6_off.gif";

var b7On = new Image( );
b7On.src = "/images/button7_on.gif";
var b7Off = new Image( );
b7Off.src = "/images/button7_off.gif";

var b8On = new Image( );
b8On.src = "/images/button8_on.gif";
var b8Off = new Image( );
b8Off.src = "/images/button8_off.gif";

var b9On = new Image( );
b9On.src = "/images/button9_on.gif";
var b9Off = new Image( );
b9Off.src = "/images/button9_off.gif";

function init( ){
    initBottomContent( );
}

function cellON(cellObj, index){
    cellObj.imgOld = cellObj.style.backgroundImage;
    cellObj.style.backgroundImage = "url(/images/button" + index + "_on.gif)";
}

function cellON50(cellObj, index){
    cellObj.imgOld = cellObj.style.backgroundImage;
    cellObj.style.backgroundImage = "url(/images2/linkon.jpg)";
}

function cellOFF(cellObj){
    cellObj.style.backgroundImage = cellObj.imgOld;
}

function cartOn( ){
    var cart = document.getElementById("cartimage");
    cart.src = "./images/carton.gif";
}

function cartOff( ){
    var cart = document.getElementById("cartimage");
    cart.src = "./images/cartoff.gif";
}

function cartOn2(cImgID){
    var cart = document.getElementById(cImgID);
    cart.src = "./images/carton.gif";
}

function cartOff2(cImgID){
    var cart = document.getElementById(cImgID);
    cart.src = "./images/cartoff.gif";
}

function toHex(num){
     hexChars = new Array("0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F");
     return hexChars[Math.floor(num / 16)] + hexChars[num % 16];
}

function materialsPopUp(slink){
    materialPopUp = window.open(slink, "MaterialTool", "width=560,height=256,status=yes,toolbar=no,resizable=yes,alwaysRaised=yes,scrollbars=yes");
    materialPopUp.focus();
}

function materialsClose(m_id, m_img, matID, imgID){
    //alert(m_id + "---" + matID + "---" + imgID);
    var pmaterial = window.opener.document.getElementById(matID);
    var matimg = window.opener.document.getElementById(imgID);

    var idArray = matID.split(/_/);
    var poid = idArray[1];

    pmaterial.value = poid + "^" + m_id;
    matimg.src = "/uimages/" + m_img;

    window.close( );
}

//These functions are for the back end package, do not change them.
function imageSelectPopUp(pwinvar){
    imgSelectPopUp = window.open("/admin/imageselectform.php?pwinVar=" + pwinvar, "ImageSelector", "width=600,height=600, scrollbars=1, status=no,toolbar=no,resizable=yes");
    imgSelectPopUp.focus( );
}


function initBottomContent( ){
    if(!document.getElementById('pageContainer')){
        return;
    }
    var pcontain = document.getElementById('pageContainer');
    if(document.getElementById('siteMap')){
        var siteMap = document.getElementById('siteMap');
        //if(document.all)
        //    siteMap.style.top = parseInt(pcontain.clientHeight + 24) + "px";
        //else
        //    siteMap.style.top = parseInt(document.body.scrollHeight + 24) + "px";

	//alert(siteMap.tagName);

        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 + 24) + "px";
        //else
        //    pageInformation.style.top = parseInt(document.body.scrollHeight + 24) + "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';
    }
}