// copyright 2008 Steve Messenger Digital Commerce SLW Inc.

  // jQuery onload
  $(document).ready(function(){
    // add image grid fade effect .myGrid
    var jQueryContext = $(".myGrid")
    if(jQueryContext){
       jQueryContext.hover(
        function(){$("img", jQueryContext).fadeTo(500,0.6); } ,
        function(){$("img", jQueryContext).fadeTo(500,1); }
      );
      //$("img", jQueryContext).addClass("notSelected")
      $("img", jQueryContext).hover(imageGridOver, imageGridOut)  
    }
    
    // moreList drop menu 
    var ml = $(".moreList")
    if(ml) {
      $(".moreListGroups", ml).hide();
      ml.hover(showMoreList, hideMoreList) 
      $(".moreListButtonInner", ml).css("background-image","url(../images/graphicsTheme/arrowRight.gif)")
      $(".moreListItem", ml).mouseover(showPreviewImage)  //hover(showPreviewImage, resetPreviewImage)
    }
  })

  function showPreviewImage() {
    var thisImage = $("img", this)[0];
    var ml = $(".moreList");
    var previewer = $(".moreListPreview img", ml)[0];
    //alert(previewer.alt);
    previewer.src = thisImage.src;
  }

  function resetPreviewImage(thisList) {
    //var ml = $(".moreList");
    var defaultVal = $("#moreListPreviewDefault", thisList).val();
    var previewer = $(".moreListPreview img", thisList)[0];
    previewer.src = defaultVal;
  }

  function showMoreList(){
    $(".moreListGroups", this).show(300);
    $(".moreListButtonInner", this).css("background-image","url(../images/graphicsTheme/arrowDown.gif)")
  }
  var objectToHide
  function hideMoreList(){
    resetPreviewImage(this)
    $(".moreListButtonInner", this).css("background-image","url(../images/graphicsTheme/arrowRight.gif)")
    objectToHide = $(".moreListGroups", this)
    objectToHide.hide(0);
    // make sure it stays hidden even if show was triggered at same time
    setTimeout("objectToHide.hide(0);",400)
  }

  function imageGridOver(){
    $(this).fadeTo(0,1);
  }
  function imageGridOut(){
    $(this).fadeTo(0,0.6);
  }

  function showHide(elId){
//      var el = document.getElementById(elId);
//      if (el.style.display=="block")el.style.display="none";
//      else el.style.display="block"
//      return false;
  }