/* ---------------------------------------------- rolloverEvent ------------------------------------------------- */

var rolloverEvent = {

    add: function(obj, etype, fp, cap) {
        cap = cap || false;
        if (obj.addEventListener) obj.addEventListener(etype, fp, cap);
        else if (obj.attachEvent) obj.attachEvent("on" + etype, fp);
    }, 
    
    remove: function(obj, etype, fp, cap) {
        cap = cap || false;
        if (obj.removeEventListener) obj.removeEventListener(etype, fp, cap);
        else if (obj.detachEvent) obj.detachEvent("on" + etype, fp);
    }, 
    
    DOMit: function(e) { 
        e = e? e: window.event;
        e.tgt = e.srcElement? e.srcElement: e.target;
        if (!e.preventDefault) e.preventDefault = function () { return false; }
        if (!e.stopPropagation) e.stopPropagation = function () { if (window.event) window.event.cancelBubble = true; }
        return e;
    }
    
}

/* ---------------------------------------------- Rollover ------------------------------------------------- */

var Rollover = {

    tipID: "tipDiv",
    showDelay: "gridPgProds",
    hideDelay: 200,
    ready:false,timer:null,tip:null,init:function(){
        if(document.createElement && document.body && typeof document.body.appendChild != "undefined"){
            if(!document.getElementById(this.tipID)){
                var el=document.createElement("DIV");
                el.id=this.tipID;
                document.body.appendChild(el);
            }
            this.ready=true;
        }
    },
    
    show:function(e,msg,prodId,popType){
        if(this.timer){ clearTimeout(this.timer); this.timer=0; }
        if(!this.ttready)return;
        this.tip=document.getElementById(this.tipID);
        this.writeTip("");
        this.writeTip(msg);
        if(!this.tip.style.visibility)this.tip.style.visibility="hidden";
        var thisImg=document.getElementById(prodId);
        var xLoc=getXloc(thisImg,popType);
        var yLoc=getYloc(thisImg,popType);
        this.positionTip(e,xLoc,yLoc);
        this.timer=setTimeout("Rollover.toggleVis('"+this.tipID+"', 'visible')",this.showDelay);
    },
    
    writeTip:function(msg){
        if(this.tip&&typeof this.tip.innerHTML!="undefined")this.tip.innerHTML=msg;
    },
    
    positionTip:function(e,xLoc,yLoc){
			var this_xLoc=parseInt(xLoc);
			var this_yLoc=parseInt(yLoc);
			this.tip.style.left=this_xLoc+"px";
			this.tip.style.top=this_yLoc+"px";
    },
    
    
    hide:function(){
        if(this.timer){
            clearTimeout(this.timer);
            this.timer=0;
        }
        this.timer=setTimeout("Rollover.toggleVis('"+this.tipID+"', 'hidden')",this.hideDelay);
        if(this.followMouse)rolloverEvent.remove(document,"mousemove",this.trackMouse,true);
        this.tip=null;
    },
    
    toggleVis:function(id,vis){
        var el=document.getElementById(id);
        if(el)el.style.visibility=vis;
    },
    
    trackMouse:function(e){
        e=rolloverEvent.DOMit(e);
        Rollover.positionTip(e);
    } 
};

function getXloc(thisImg,popType) {
	var xLoc = thisImg.offsetLeft;
	thisImg = thisImg.offsetParent;
	if(popType == "65thumbs") {xLoc=xLoc+parseInt(-1)}
	else if (popType == "90thumbs") {xLoc=xLoc+parseInt(-4)}
	else if (popType == "PODthumbs") {xLoc=xLoc+parseInt(-2)}
	while (thisImg) {
		xLoc += thisImg.offsetLeft;
		thisImg = thisImg.offsetParent;
	}
	return xLoc;
}

function getYloc(thisImg,popType) {
	var yLoc = thisImg.offsetTop;
	thisImg = thisImg.offsetParent;
	if(popType == "65thumbs") { yLoc=yLoc+parseInt(-3)} 
	else if(popType == "90thumbs") { yLoc=yLoc+parseInt(-4) }
	else if(popType == "PODthumbs") { yLoc=yLoc+parseInt(-3) }
	while (thisImg) {
		yLoc += thisImg.offsetTop;
		thisImg = thisImg.offsetParent;
	}
	return yLoc;
}

Rollover.ttready=true;

// --------------------- getThumbInfo function --------------------------------

function getThumbInfo(product) {
	
   var rolloverContent; 
   var prodId = product[0];
   var imgUrl = product[1];
   var popType = product[2];
   var destinationUrl = product[3];
   var prodCat = product[4];
   var manName = product[5];
   var prodName = product[6];
   var catName = product[7];
   var priceValue = product[8];
   
	 if(popType == "65thumbs") { 
			rolloverContent = 
		   	'<div id="thumbPop">'+
		   		'<a href=\"'+destinationUrl+'\"><img src='+imgUrl+' border=0 width=65 height=65><\/a>'+
		   		'<img src=\"/images/portfolio/thumbShadow.png\" width="0" height="0" class="thumbShadow">'+
		   	'<\/div>';
	 } else if(popType == "90thumbs") {
	 		if (prodCat != null) { rolloverContent = '<a href=\"'+destinationUrl+'\"><img src='+imgUrl+' border=0 width=90 height=90 alt=\"'+prodCat+'\" title=\"'+prodCat+'\"><\/a>' }
	 		else { rolloverContent = '<a href=\"'+destinationUrl+'\"><img src='+imgUrl+' border=0 width=90 height=90><\/a>' }
	 } else if(popType == "gridPgProds") {
	 	  rolloverContent = '<a href=\"'+destinationUrl+'\"><div id=listPgPopupText>'+prodName+'<br><span class=notes>from '+manName+'<\/span><span class=content>'+priceValue+'<\/span><\/div><\/a>';
	 }  

   return rolloverContent;
}
                
// --------------------- doPop function --------------------------------

function doPop(e, msg, prodId, imgUrl, popType, destinationUrl, prodCat, manName, prodName, catName, price) {
	var uniqueId;
	var priceValue;
  if(isNaN(price)) {
		if (price == 'null') priceValue = ''
		else priceValue = '<br>'+price
	} else {
		var formattedPrice;
		formattedPrice = formatCurrency(price);
		priceValue = '<br>$'+formattedPrice;
	}
	if (prodCat) { uniqueId = prodId+'topThumb' }
	else if (popType == "90thumbs") { uniqueId = prodId+'manThumb' }
	else if (popType == "gridPgProds") { uniqueId = prodId+'listPgThumb' }
	else { uniqueId = prodId+'thumb' }
	var thisProd = new Array (prodId, imgUrl, popType, destinationUrl, prodCat, manName, prodName, catName, priceValue);
	msg = getThumbInfo(thisProd);
  if ( typeof Rollover == "undefined" || !Rollover.ready ) return;
  Rollover.clearTimer();
  var tip = document.getElementById? document.getElementById(Rollover.tipID): null;
  if ( tip && tip.onmouseout == null ) {
      tip.onmouseout = Rollover.tipOutCheck;
      tip.onmouseover = Rollover.clearTimer;
  }
  Rollover.show(e,msg,uniqueId,popType);
}

// --------------------- getPODinfo function --------------------------------

function getPODinfo(product) {
	
   var rolloverContent; 
   var prodId = product[0];
   var prodName = product[1];
   var manName = product[2];
   var destinationUrl = product[3];
   var todaysDate = product[4];
   var PODtype = product[5];
   var imgUrl = product[6];
   
	 if(PODtype == "PODthumbs") { 
	 		rolloverContent = 
	 			'<a href=\"'+destinationUrl+'\" style=\"text-decoration:none\">'+
	 			'<div id=pod90Rollover><b>'+prodName+'</b>, from '+manName+'<\/div><\/a>';
	} else if(PODtype == "POD200") { 
	 		rolloverContent = 
	 			'<a href=\"'+destinationUrl+'\" style=\"text-decoration:none\">'+
	 			'<img src=\"'+imgUrl+'\" border=0 width=200 height=200>'+
	 			'<div id=pod200Rollover><span class=blueMedText>'+prodName+'<\/span>'+
	 			'<br><span class=contentsmall>from '+manName+'<\/span><\/div><\/a>';
	 } else {
		 rolloverContent = 
		 	'<a href=\"'+destinationUrl+'\" style=\"text-decoration:none\">'+
		 	'<div id=pod400Rollover><span class=topSubTitle style=\"text-transform:none\">featured today<\/span><br>'+
		 	'<h1>'+prodName+'<br><span class=blueMedText>from '+
		 	manName+'<\/span><\/h1><\/div><\/a>';
	 }

   return rolloverContent;
}
                
// --------------------- doPOD function --------------------------------

function doPOD(e, msg, prodId, prodName, manName, destinationUrl, todaysDate, PODtype, imgUrl ) {
	var uniqueId;
	var thisProd = new Array (prodId, prodName, manName, destinationUrl, todaysDate, PODtype, imgUrl);
	if(PODtype == "PODthumbs") { uniqueId = prodId+'podThumb' } 
	else if (PODtype == "POD200") { uniqueId = prodId+'pod200' }
	else { uniqueId = prodId+'pod400' }
	msg = getPODinfo(thisProd);
  if ( typeof Rollover == "undefined" || !Rollover.ready ) return;
  Rollover.clearTimer();
  var tip = document.getElementById? document.getElementById(Rollover.tipID): null;
  if ( tip && tip.onmouseout == null ) {
      tip.onmouseout = Rollover.tipOutCheck;
      tip.onmouseover = Rollover.clearTimer;
  }
  Rollover.show(e,msg,uniqueId,PODtype);
}

// --------------------- currency formatting function --------------------------------

function formatCurrency(price){
/* assure two decimal places */
	var decimalPrice;
	if (price.charAt(price.length-2)=="."){ 
		decimalPrice=price+"0"; 
	} else decimalPrice=price
/* insert commas */
	if (decimalPrice.length > 6) {
		var formattedPrice = "";
		for (i=0; i<decimalPrice.length; i++) {
			if (i==decimalPrice.length-6) {
				formattedPrice += ","+decimalPrice.charAt(i);
			} else formattedPrice += decimalPrice.charAt(i);
		}
		decimalPrice = formattedPrice;
	}
	return decimalPrice;
}
                
// --------------------- rollover functions --------------------------------

function hideTip() {
  if ( typeof Rollover == "undefined" || !Rollover.ready ) return;
  Rollover.timerId = setTimeout("Rollover.hide()", 1);
}

Rollover.tipOutCheck = function(e) {
  e = rolloverEvent.DOMit(e);
  // is element moused into contained by Rollover?
  var toEl = e.relatedTarget? e.relatedTarget: e.toElement;
  if ( this != toEl && !contained(toEl, this) ) Rollover.hide();
}

// returns true if oNode is contained by oCont (container)
function contained(oNode, oCont) {
  if (!oNode) return; // in case alt-tab away while hovering (prevent error)
  while ( oNode = oNode.parentNode ) if ( oNode == oCont ) return true;
  return false;
}

Rollover.timerId = 0;
Rollover.clearTimer = function() {
  if (Rollover.timerId) { clearTimeout(Rollover.timerId); Rollover.timerId = 0; }
}

Rollover.unHookHover = function () {
    var tip = document.getElementById? document.getElementById(Rollover.tipID): null;
    if (tip) {
        tip.onmouseover = null; 
        tip.onmouseout = null;
        tip = null;
    }
}

rolloverEvent.add(window, "unload", Rollover.unHookHover, true);