// JavaScript Document
/***********************************************
* Show Hint script- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/
		
var horizontal_offset="9px" //horizontal offset of hint box from anchor link

/////No further editting needed

var vertical_offset="0" //horizontal offset of hint box from anchor link. No need to change.
var ie=document.all
var ns6=document.getElementById&&!document.all

function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function clearbrowseredge(obj, whichedge){
var edgeoffset=(whichedge=="rightedge")? parseInt(horizontal_offset)*-1 : parseInt(vertical_offset)*-1
if (whichedge=="rightedge"){
var windowedge=ie && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-30 : window.pageXOffset+window.innerWidth-40
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure+obj.offsetWidth+parseInt(horizontal_offset)
}
else{
var windowedge=ie && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure-obj.offsetHeight
}
return edgeoffset
}

function showhint(menucontents, obj, e, tipwidth){

//Block The Size And Color DropDown
if(document.getElementById("dv_ddlSize"))
{
 document.getElementById("dv_ddlSize").style.display="none";
}
if(document.getElementById("dv_ddlColor"))
{
 document.getElementById("dv_ddlColor").style.display="none";
}

var width;
var height;
var imgname = new Array();
var reqimg;
 var newImg = new Image();
 
 reqimg = obj.src;
 //alert(reqimg);
 if(reqimg.indexOf("noimage_180x180.jpg") > 0)
 {
    menucontents = "<img src='Pictures/noimage_300x300.jpg' >"
 }
 else if(reqimg.indexOf("noimage.jpg") > 0)
 {
    menucontents = "<img src='Pictures/noimage_180x180.jpg' >"
 }
// imgname = obj.toString().split("=");
// 
// if(imgname.length > 1)
// {    
//    
//     if(menucontents.indexOf("300x300") > 0)
//     {
//         reqimg = imgname[1].replace('#','');
//         reqimg =  reqimg+ "300x300" + ".jpg" ;
//         //alert(reqimg);
//        
//     } 
//     if(menucontents.indexOf("180x180") > 0)
//     {
//         reqimg = imgname[1].replace('#','');
//         reqimg =   reqimg+ "180x180" + ".jpg" ;
//         //alert(reqimg);
//        
//     } 
//    // alert(reqimg);  
//    
//     newImg.src = "http://www.spiritvoyage.com/ProductImage/" + reqimg ;
//   
//     width = newImg.width;
//     height = newImg.height;
//     
//     alert("   Height: " + height + " Width: " + width);
//     if(reqimg.indexOf("300x300") > 0)
//    {
//         if(height < 300 && width < 300)
//         {
//            menucontents = "<img src='Pictures/noimage_300x300.jpg'  >"
//         }
//    }
//    if(reqimg.indexOf("180x180") > 0)
//    {
//         if(height < 180 && width < 180)
//         {
//            menucontents = "<img src='Pictures/noimage_180x180.jpg'  >"
//         }
//    }
//     
// }

if ((ie||ns6) && document.getElementById("hintbox")){
dropmenuobj=document.getElementById("hintbox")
dropmenuobj.innerHTML=menucontents
dropmenuobj.style.left=dropmenuobj.style.top=-500
if (tipwidth!=""){
dropmenuobj.widthobj=dropmenuobj.style
dropmenuobj.widthobj.width=tipwidth
}
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+obj.offsetWidth+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+"px"
dropmenuobj.style.visibility="visible"
obj.onmouseout=hidetip
}
}

function hidetip(e){

//*****************

 if(document.getElementById("dv_ddlSize"))
 {
  document.getElementById("dv_ddlSize").style.display="block";
 }
 if(document.getElementById("dv_ddlColor"))
 {
  document.getElementById("dv_ddlColor").style.display="block";
 }

//*****************

dropmenuobj.style.visibility="hidden"
dropmenuobj.style.left="-500px"
}

function createhintbox(){
var divblock=document.createElement("div")
divblock.setAttribute("id", "hintbox")
document.body.appendChild(divblock)
}

if (window.addEventListener)
window.addEventListener("load", createhintbox, false)
else if (window.attachEvent)
window.attachEvent("onload", createhintbox)
else if (document.getElementById)
window.onload=createhintbox