// window.onload = function() {
//    switch (parseInt(QueryString.menuid)) {
//       case 1:
//          toggle(document.getElementById('nav-cat1').parentNode, 1, 2);
//          toggle(document.getElementById('nav-subcat1').parentNode, 2);
//          document.getElementById('nav-subcat1-link'+QueryString.linkid).className="cat-selected";
//       break;
// 
//       case 2:
//          toggle(document.getElementById('nav-cat2').parentNode, 1);
//          document.getElementById('nav-cat2-link'+QueryString.linkid).className="cat-selected";
//       break;
// 
//       case 3:
//          toggle(document.getElementById('nav-cat3').parentNode, 1);
//          document.getElementById('nav-cat3-link'+QueryString.linkid).className="cat-selected";
//       break;
//    }
// }

var openMenuItem = null;

function toggle(el, depth, check_child, hideOverride) {
   if (!(el))
      return;

   // find the child div
   var el_child = el.getElementsByTagName('div').item(depth);
   // grab the class attribute from the child div
   var class_Name = el_child.className;

   // evaluate if the class contains hideMe
   if ((class_Name.match("hideMe") == 'hideMe') && !(hideOverride)) {

      class_Name = class_Name.replace(/hideMe/, "showMe"); // did so replace it with showMe

      
      if (openMenuItem)
        toggle(openMenuItem, 1);
        
      openMenuItem = el;
      
   } else {
      class_Name = class_Name.replace(/showMe/, "hideMe"); // did not find it, try and replace showMe with hideMe
      openMenuItem = null;
   }

   // set the class to equal the new class name
   el_child.className = class_Name;

   // hide subcat content
   if (check_child)
      toggle(el, 2, null, true);
}

var QueryString = new function() {
   this.init = function() {
      var parts = new Array();
      parts = parts.concat(window.location.search.substring(1).split('&'));
      parts = parts.concat(window.location.hash.substring(1).split('&'));

      for (var i in parts) {
         var kv = parts[i].split('=');
         this[kv[0]] = unescape(kv[1]);
      }
   }

   this.combine = function() {
      var parts = new Array();
      for (var i in this) {
         if (typeof(i)!='string' || !(i))
            continue;
         if (typeof(this[i])!='string' && typeof(this[i])!='number')
            continue;

         parts.push(escape(i) + '=' + escape(this[i]));
       }
       return parts.join('&');
    }
    this.init();
}


var ZoomPanel = new function() {

   this.zoom = function(img) {
      if (!(this.panel))
         this.init();

      this.zoom_img_id = YAHOO.util.Dom.generateId(null, "zoom-img");
      this.panel.setBody('<img src="'+img.src+'" id="'+this.zoom_img_id+'" onclick="ZoomPanel.hide();"><div onclick="ZoomPanel.hide();" class="close-panel">Click to close.</div>');

      YAHOO.util.Event.addListener(YAHOO.util.Dom.get(this.zoom_img_id), 'load',
         function() {
            this.panel.cfg.setProperty("width", YAHOO.util.Dom.get(this.zoom_img_id).width+8+'px');
            this.show();
         },
         this, true
      );
   }

   this.hide = function() {
      YAHOO.util.Dom.get(this.panel_id).style.display="none";
      this.panel.hide();
      this.panel.destroy();
      this.panel = null;
   }

   this.show = function() {
      YAHOO.util.Dom.get(this.panel_id).style.display="block";
      this.panel.show();
   }

   this.init = function() {
    this.panel_id = YAHOO.util.Dom.generateId(null, "panel");
    this.panel = new YAHOO.widget.Panel(this.panel_id, { visible: false, draggable: false, close: false, fixedcenter: true, constraintoviewport: true, modal: true } );
   	this.panel.setBody("");
   	
   	this.panel.render(document.body);
   }

}

var pageInit = function() {

    // conversion string for paperwishes.com
    var aff = 'WT.mc_id=stamping101';
    var links = document.getElementById("content").getElementsByTagName("a");
    for (var i = 0; links.item(i); ++i) {
        var link = links.item(i);
        var href = links.item(i).href;
        if (href && link.hostname.match(/paperwishes\.com$/i) && href.indexOf("aff")<0) {
            link.search += link.search ? '&' + aff : '?' + aff;
            link.target = 'paperwishes';
        }
    }
    
    // do some stuff to images
    var images = document.getElementById("content").getElementsByTagName("img");
    for (var i = 0; images.item(i); ++i) {
        
        var img = images.item(i);
        
        // no zoom in, do nothing
        if (!(YAHOO.util.Dom.hasClass(img, 'ptr')))
            continue;
    
        var imgxy = YAHOO.util.Dom.getXY(img);
        
        var d = document.createElement("div");
        d.style.textAlign="center";
        d.style.width = img.width + "px";
        d.innerHTML = '(<a href="#" onclick="return false;">zoom in</a>)';
        document.body.appendChild(d);
        
        YAHOO.util.Event.addListener(d, 'click', function(ev, oo) { ZoomPanel.zoom(oo); }, img);
        
        console.log(d.offsetWidth);
        
        dx = imgxy[0];
        dy = imgxy[1] + img.height + 9;
        
        YAHOO.util.Dom.setXY(d, [dx, dy]);
        
    }
    
    
}



YAHOO.util.Event.addListener(window, 'load', pageInit);