// Image Preloader  v1.0.1
// documentation: http://www.dithered.com/javascript/image_preloader/index.html
// license: http://creativecommons.org/licenses/by/1.0/
// code by Chris Nott (chris[at]dithered[dot]com)


function preloadImages() {
   if (document.images) {
      for (var i = 0; i < preloadImages.arguments.length; i++) {
         (new Image()).src = preloadImages.arguments[i];
      }
   }
}

// Rollover  v2.0.1
// documentation: http://www.dithered.com/javascript/rollover/index.html
// license: http://creativecommons.org/licenses/by/1.0/
// code by Chris Nott (chris[at]dithered[dot]com)


function isDefined(property) {
  return (typeof property != 'undefined');
}

var rolloverInitialized = false;
function rolloverInit() {
   if (!rolloverInitialized && isDefined(document.images)) {
      
      // get all images (including all <input type="image">s)
      // use getElementsByTagName() if supported
      var images = new Array();
      if (isDefined(document.getElementsByTagName)) {
         images = document.getElementsByTagName('img');
         var inputs = document.getElementsByTagName('input');
         for (var i = 0; i < inputs.length; i++) {
            if (inputs[i].type == 'image') {
               images[images.length] = inputs[i];
            }
         }
      }
      
      // otherwise, use document.images and document.forms collections
      // remove if not supporting IE4, Opera 4-5
      else {
         images = document.images;
         inputs = new Array();
         for (var formIndex = 0; formIndex < document.forms.length; formIndex++) {
            for (var elementIndex = 0; elementIndex < document.forms.elements.length; elementIndex++) {
               if (isDefined(document.forms.elements[i].src)) {
                  inputs[inputs.length] = document.forms.elements[i];
               }
            }
         }
      }
      
      // get all images with '_off.' in src value
      for (var i = 0; i < images.length; i++) {
         if (images[i].src.indexOf('_off.') != -1) {
            var image = images[i];
            
            // store the off state filename in a property of the image object
            image.offImage = new Image();
            image.offImage.src = image.src;
            
            // store the on state filename in a property of the image object
            // (also preloads the on state image)
            image.onImage = new Image();
            image.onImage.imageElement = image;
            
            // add onmouseover and onmouseout event handlers once the on state image has loaded
            // Safari's onload is screwed up for off-screen images; temporary fix
            if (navigator.userAgent.toLowerCase().indexOf('safari') != - 1) {
               image.onmouseover = function() {
                  this.src = this.onImage.src;
               };
               image.onmouseout = function() {
                  this.src = this.offImage.src;
               };
            }
            else {
               image.onImage.onload = function() {
                  this.imageElement.onmouseover = function() {
                     this.src = this.onImage.src;
                  };
                  this.imageElement.onmouseout = function() {
                     this.src = this.offImage.src;
                  };
               };
            }
            
            // set src of on state image after defining onload event handler
            // so cached images (that load instantly in IE) will trigger onload
            image.onImage.src = image.src.replace(/_off\./, '_on.');
         }
      }
   }
   rolloverInitialized = true;
}

//let the bastardization begin for a multi-state hover image
function multi_hover() {
	var images = document.getElementsByTagName('img');
	var re = /_hover_\d+/;
	
	for (var i=0; i<images.length; i++) {
		if (re.test(images[i].src)) {
			var hover_img_id = images[i].id;
			
			var ctr = 1;
			var search_str = hover_img_id + "_hover_";
			while(element = document.getElementById(search_str + ctr)) {
				
				var hover_prop = "hover" + ctr;
				images[i][hover_prop] = new Image();
				images[i][hover_prop].imageElement = images[i];
				images[i][hover_prop].src = images[i].src.replace(re, "_hover_" + ctr);
				
				element.hoverRef = images[i][hover_prop];
				element.onmouseover = function() {
					this.hoverRef.imageElement.src = this.hoverRef.src;
				};
				ctr++;
			}
			
		}
	}
}

function text_hover() {
	var container = document.getElementById('label_texthover');
	
	var messages = new Array('orders <strong>over</strong> 1000 units', 'orders <strong>under</strong> 1000 units');
	
	var ctr = 1;
	while(element = document.getElementById('label_texthover_' + ctr)) {
		element.hoverRef = container;
		element.hoverText = messages[ctr-1];
		element.onmouseover = function() {
			this.hoverRef.innerHTML = this.hoverText;
		};
		element.onmouseout = function() {
			this.hoverRef.innerHTML = '';
		};
		ctr++;
	}
}

function initialize() {
	if (document.getElementById && document.getElementsByTagName) {
		//gather the menu list elements
		var h3Arr = new Array();
		if (menuUl = document.getElementById('menu')) {
			//fill the menuLiArr
			for (var n=0; n<menuUl.childNodes.length; n++) {
				if (menuUl.childNodes[n].nodeName == 'LI') {
					//fill the h3Arr
					var idx = h3Arr.push(menuUl.childNodes[n].getElementsByTagName('H3')[0]);
					var h3Node = h3Arr[idx - 1];
					//create the ids for the associated ul's
					var sID = 'menu' + h3Node.innerHTML.replace(/\s/g, "");
					h3Node.partnerID = sID;
					//console.log(sID);
					//find the h3's associated ul
					var currNode = h3Node;
					while (currNode.nextSibling.nodeName != 'UL') {
						currNode = currNode.nextSibling;
					}
					h3Node.partner = currNode.nextSibling;
					//add the id attribute to the ul
					if (h3Node.partner.setAttribute) {
						h3Node.partner.setAttribute('id', sID);
					} else {
						h3Node.partner.createAttribute('id', sID);
					}
					//console.log(h3Node.partner);
					//add the toggle function to the h3 onclick event
					h3Node.others = h3Arr;
					h3Node.collapsed = false;
					h3Node.onclick = function() {
						for (var i=0; i<this.others.length; i++) {
							if (this.others[i] != this && !this.others[i].collapsed) {
								Effect.BlindUp(this.others[i].partnerID);
								this.others[i].collapsed = !this.others[i].collapsed;
							}
						}
						if (this.collapsed) {
							Effect.BlindDown(this.partnerID);
						} else {
							Effect.BlindUp(this.partnerID);
						}
						this.collapsed = !this.collapsed;
					};
				}
			}
			//console.log(h3Arr);
			for (i=0; i<h3Arr.length; i++) {
				Effect.BlindUp(h3Arr[i].partnerID);
				h3Arr[i].collapsed = !h3Arr[i].collapsed;
			}
		} else {
			//do nothing
			return;
		}	
	} else {
		//do nothing
		return;
	}
}

// call rolloverInit when document finishes loading
if (isDefined(window.addEventListener)) {
   window.addEventListener('load', rolloverInit, false);
	 window.addEventListener('load', multi_hover, false);
	 window.addEventListener('load', text_hover, false);
	 window.addEventListener('load', initialize, false);
}
else if (isDefined(window.attachEvent)) {
   window.attachEvent('onload', rolloverInit);
	 window.attachEvent('onload', multi_hover);
	 window.attachEvent('onload', text_hover);
	 window.attachEvent('onload', initialize);
}