//var ie4=document.all;
//var ns6=document.getElementById&&!document.all;

var stockPopupObject = null
var delayStockHide = null

function highlightStepHeader (headerID) {
  var headerObject = document.getElementById(headerID)!=null ? document.getElementById(headerID) : headerID
  
  var SelectStockHeaderObject = document.getElementById('SelectStockHeader')!=null ? document.getElementById('SelectStockHeader') : SelectStockHeader
  var SelectFrameHeaderObject = document.getElementById('SelectFrameHeader')!=null ? document.getElementById('SelectFrameHeader') : SelectFrameHeader
  var SelectMatteHeaderObject = document.getElementById('SelectMatteHeader')!=null ? document.getElementById('SelectMatteHeader') : SelectMatteHeader
  var SelectPlaqueHeaderObject = document.getElementById('SelectPlaqueHeader')!=null ? document.getElementById('SelectPlaqueHeader') : SelectPlaqueHeader
 // var LabelTheme = document.getElementById('ThemeLabel') != null ? document.getElementById('ThemeLabel') : ThemeLabel
  if (document.getElementById('NoEngravingButton') != null) {
      var ImageNoEngravingButton = document.getElementById('NoEngravingButton') != null ? document.getElementById('NoEngravingButton') : NoEngravingButton
  }
  var LabelIncludeEngraving = document.getElementById('IncludeEngravingLabel')!=null ? document.getElementById('IncludeEngravingLabel') : IncludeEngravingLabel 
  
  if (SelectStockHeaderObject!=headerObject)
    SelectStockHeaderObject.className='StepNormal'
  else
    SelectStockHeaderObject.className='StepHighlighted';
  if (SelectFrameHeaderObject!=headerObject)
    SelectFrameHeaderObject.className='StepNormal'
  else
    SelectFrameHeaderObject.className='StepHighlighted';
  if (SelectMatteHeaderObject!=headerObject)
    SelectMatteHeaderObject.className='StepNormal'
  else
    SelectMatteHeaderObject.className='StepHighlighted';
  if (SelectPlaqueHeaderObject!=headerObject) {
    SelectPlaqueHeaderObject.className='StepNormal';
    LabelIncludeEngraving.className='StepNormalContent';
    //LabelTheme.className = 'StepNormalSmallContent';
    if (document.getElementById('NoEngravingButton') != null) {
        ImageNoEngravingButton.src = 'Graphics/Products/NoEngravingGrey.gif';
    }
    //LabelTopCreatePlaque.className='StepNormalSmallContent';
  }
  else {
    SelectPlaqueHeaderObject.className='StepHighlighted';
   // LabelIncludeEngraving.className='StepHighlightedContent'
   // LabelTheme.className = 'StepHighlightedSmallContent';
    if (document.getElementById('NoEngravingButton') != null) {
        ImageNoEngravingButton.src = 'Graphics/Products/NoEngraving.gif';
    }
    //LabelTopCreatePlaque.className='StepHighlightedSmallContent';
  }
}

function showHideStockPopup(obj, e, visible, hidden, menuwidth) {
  if (stockPopupObject) {
    if (ie4||ns6)
      stockPopupObject.style.left=stockPopupObject.style.top="-1000px"
    if (menuwidth!="") {
      stockPopupObject.widthobj=stockPopupObject.style
      stockPopupObject.widthobj.width=menuwidth
    }
    if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
{
      obj.visibility=visible
document.getElementById('ctl00_MainContent_SelectPlaqueTheme').style.visibility = "hidden";
}
    else if (e.type=="click")
{
      obj.visibility=hidden
document.getElementById('ctl00_MainContent_SelectPlaqueTheme').style.visibility = "visible";
}
  }
}

function populateStockPoupMenu(what) {
  if (stockPopupObject) {
    if (ie4||ns6)
      stockPopupObject.innerHTML=what.innerHTML;
  }
}

function hideStockMenu(e) {
document.getElementById('ctl00_MainContent_SelectPlaqueTheme').style.visibility= "visible";

  if (stockPopupObject) {
    if (typeof stockPopupObject!="undefined") {
      if (ie4||ns6)
        stockPopupObject.style.visibility="hidden"
        //toggleThemesDropDown(true);
    }
  }
}

function delayHideStockMenu(){
  if (ie4||ns6)
    delayStockHide=setTimeout("hideStockMenu()",300)
}

function clearHideStockMenu(){
  if (typeof delayStockHide!="undefined")
    clearTimeout(delayStockHide)
}

function dynamicStockPopupHide(e) {

  // this function hides the menu as long as the user did not move the mouse into the div area
  if (stockPopupObject) {
    if (ie4&&!stockPopupObject.contains(e.toElement))
      delayHideStockMenu()
    else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
      delayHideStockMenu()
  }

}

function scrollSelectedStock () {
  /*
  selectedStock=document.getElementById? document.getElementById("SelectedStockItem") : SelectedStockItem;
  selectedStock.scrollIntoView();
  */
}

function showPopup(positionalItemId, e, menuContents, width, themesDropDownStatus) {
  if (ie4||ns6) {
      clearEventPropogation(e); // defined in PullDownMenu.js

    var MenuContentObject = document.getElementById ? document.getElementById(menuContents) : null
    if (MenuContentObject==null) return false;
    stockPopupObject=document.getElementById? document.getElementById("StockSelectionDiv") : StockSelectionDiv
    populateStockPoupMenu(MenuContentObject)

    // set up the div to display
    var positionalItem = document.getElementById(positionalItemId)!=null ? document.getElementById(positionalItemId) : positionalItemId
    showHideStockPopup(stockPopupObject.style, e, "visible", "hidden", width)
    stockPopupObject.x=getPositionOffset(positionalItem, "left")
    stockPopupObject.y=getPositionOffset(positionalItem, "top")
    stockPopupObject.style.left=stockPopupObject.x-clearBrowserEdge(positionalItem, "rightedge", stockPopupObject)+"px" // defined in PullDownMenu.js
    stockPopupObject.style.top=stockPopupObject.y-clearBrowserEdge(positionalItem, "bottomedge", stockPopupObject)+positionalItem.offsetHeight+"px" // defined in PullDownMenu.js

  }
}

function showPopupTheme(positionalItemId, e, menuContents, width, themesDropDownStatus) {
    if (ie4 || ns6) {
        clearEventPropogation(e); // defined in PullDownMenu.js

        var MenuContentObject = document.getElementById ? document.getElementById(menuContents) : null
        if (MenuContentObject == null) return false;
        stockPopupObject = document.getElementById ? document.getElementById("StockSelectionDiv") : StockSelectionDiv
        populateStockPoupMenu(MenuContentObject)

        //hacked to get display of plaques correct... SB 08272009
        stockPopupObject.style.width = "268px";
        stockPopupObject.style.height = "400px";
        stockPopupObject.style.overflow = "auto";

        // set up the div to display
        var positionalItem = document.getElementById(positionalItemId) != null ? document.getElementById(positionalItemId) : positionalItemId
        showHideStockPopup(stockPopupObject.style, e, "visible", "hidden", width)
        stockPopupObject.x = getPositionOffset(positionalItem, "left")
        stockPopupObject.y = getPositionOffset(positionalItem, "top")
        stockPopupObject.style.left = stockPopupObject.x - clearBrowserEdge(positionalItem, "rightedge", stockPopupObject) + "px" // defined in PullDownMenu.js
        stockPopupObject.style.top = stockPopupObject.y - clearBrowserEdge(positionalItem, "bottomedge", stockPopupObject) + positionalItem.offsetHeight + "px" // defined in PullDownMenu.js

    }
}


function showPlaqueEditor() {
  if (ie4||ns6) {
    var PlaqueEditorDiv = document.getElementById ? document.getElementById ('PlaqueEditorDiv') : null
  
    var positionalItem = document.getElementById('PlaqueEditorPositioner')!=null ? document.getElementById('PlaqueEditorPositioner') : PlaqueEditorPositioner
    if ((positionalItem == null) || (PlaqueEditorDiv == null)) return false;

    PlaqueEditorDiv.x=getPositionOffset(positionalItem, "left")
    PlaqueEditorDiv.y=getPositionOffset(positionalItem, "top") + 75
    PlaqueEditorDiv.style.left=PlaqueEditorDiv.x //-clearBrowserEdge(positionalItem, "rightedge", PlaqueEditorDiv)+"px" // defined in PullDownMenu.js
    PlaqueEditorDiv.style.top=PlaqueEditorDiv.y  //-clearBrowserEdge(positionalItem, "bottomedge", PlaqueEditorDiv)+positionalItem.offsetHeight+"px" // defined in PullDownMenu.js
  }
}

function registerThemesDropDown (obj) {
  //themesDropDown = obj
}

function toggleThemesDropDown (status) {
/*
  if (ie4||ns6) {
    var themesDropDown = document.getElementById('ThemDropDownDiv')!=null ? document.getElementById('ThemDropDownDiv') : ThemDropDownDiv
    if (themesDropDown!=null) {
      if (status) {
        themesDropDown.style.visibility = 'visible'
      } else {
        themesDropDown.style.visibility = 'hidden'
      }
    }
  }
  */
}