/*############################################################################
controls image/info over button on main ldpost page
############################################################################*/

<!--BEGIN Script
function toggleBox(szDivID, iState) // 1 visible, 0 hidden
{
    if(document.layers)	   //NN4+
    {
		toggleVisible(szDivID, iState);
    }
    else if(document.getElementById)	  //gecko(NN6) + IE 5+
    {
        var obj = document.getElementById(szDivID);
        obj.style.visibility = iState ? "visible" : "hidden";
    }
    else if(document.all)	// IE 4
    {
        document.all[szDivID].style.visibility = iState ? "visible" : "hidden";
    }
}

// overly simplistic test for IE
isIE = (document.all ? true : false);
// both IE5 and NS6 are DOM-compliant (well, sort of...)
isDOM = (document.getElementById ? true : false);

// get the true offset of anything on NS4, IE4/5 & NS6, even if it's in a table!
function getAbsX(elt) { return (elt.x) ? elt.x : getAbsPos(elt,"Left"); }
function getAbsY(elt) { return (elt.y) ? elt.y : getAbsPos(elt,"Top"); }
function getAbsPos(elt,which) {
 iPos = 0;
 while (elt != null) {
  iPos += elt["offset" + which];
  elt = elt.offsetParent;
 }
 return iPos;
}

function getDivStyle(divname) {
 var style;
 if (isDOM) { style = document.getElementById(divname).style; }
 else { style = isIE ? document.all[divname].style
                     : document.layers[divname]; } // NS4
 return style;
}

function hideElement(divname) {
 getDivStyle(divname).visibility = 'hidden';
}

// annoying detail: IE and NS6 store elt.top and elt.left as strings.
function moveBy(elt,deltaX,deltaY) {
 elt.left = parseInt(elt.left) + deltaX;
 elt.top = parseInt(elt.top) + deltaY;
}

function toggleVisible(szDivID, iState) {
 
  divstyle = getDivStyle(szDivID);
	fixPosition(szDivID);
document.layers[szDivID].visibility = iState ? "show" : "hide";
 
}

function setPosition(elt,positionername,isPlacedUnder) {
 var positioner;
 if (isIE) {
  positioner = document.all[positionername];
 } else {
  if (isDOM) {
    positioner = document.getElementById(positionername);
  } else {
    positioner = document.images[positionername];
  }
 }
 elt.left = getAbsX(positioner) + 210;
 elt.top = getAbsY(positioner) + (isPlacedUnder ? positioner.height : 0);
}


// SET THE BUTTON IMAGES PATH
var buttPath = "images/";

// PRELOAD BOTH SETS OF BUTTONS
var buttWidth = 34;
var buttHeight = 22;

var buttNorm = new Array (
    "menu_1_off.gif",
    "menu_2_off.gif",
    "menu_3_off.gif",
	"menu_4_off.gif",
	"menu_5_off.gif",
    "menu_6_off.gif",
    "menu_7_off.gif" )

var buttOver = new Array (
    "menu_1_on.gif",
    "menu_2_on.gif",
    "menu_3_on.gif",
	"menu_4_on.gif",
	"menu_5_on.gif",
    "menu_6_on.gif",
    "menu_7_on.gif" )

var buttNorm = preload_images ( buttPath, buttNorm, buttWidth, buttHeight );
var buttOver = preload_images ( buttPath, buttOver, buttWidth, buttHeight );

function preload_images ( img_path, img_array, img_width, img_height )
{
    var images = new Array;

    for ( var img_num=0; img_num<img_array.length; img_num++ ) {

        images[img_num] = new Image ( img_width, img_height );
        var url = img_path + img_array[img_num];
        images[img_num].src = url;
    }

    return ( images );
}

function buttonOver ( buttNum ) {
        var objectID = document.all[ 'Buu' + buttNum ];
        objectID.src = eval( "buttOver[" + buttNum + "].src");
}

function buttonOut ( buttNum ) {
        var objectID = document.all[ 'Buu' + buttNum ];
        objectID.src = eval( "buttNorm[" + buttNum + "].src");
}

// -->