//var offsetfrommouse=[80,-45]; //
var offsetfrommouse=[60,-75]; //
var displayduration=0; //duration in seconds image should remain visible. 0 for always. 
var currentimageheight = 300; // maximum image size. 
var previewwidth = currentimageheight + 100; 
var prev_h; 
var prev_w; 
var flip_loc_x = 100 // When we get to loc clientWidth - 100 then move the preview to the left of the cursor 
var left_space = 100 // close the gap when we move the preview to the left of the cursor 

var dnd_thm_loc; 
var dnd_big_thm_loc; 
var dnd_hoid; 

var lbx_items = []; 
var num_lbx_items = 0; 
var last_lbx_item = null; 
var start_lbx_item = null; 

function lbx_item(o,thm,thl,h,n,p) { 
this.oid = o; 
this.thmloc = thm; 
this.thlloc = thl; 
this.hoid = h; 
this.added = false; 
this.deleted = false; 
this.prev=p; 
this.next=n; 
} 

function js_add_to_lbx(n,tloc,btloc,hoid){ 

var this_lbx_item=lbx_items.length; 
if(start_lbx_item == null) start_lbx_item=this_lbx_item; 

lbx_items[lbx_items.length++]= new lbx_item(n,tloc,btloc,hoid,last_lbx_item,null); 
if(last_lbx_item != null) lbx_items[last_lbx_item].next=this_lbx_item; 
last_lbx_item=this_lbx_item; 
return(lbx_items[this_lbx_item]); 
} 

function add_to_lbx(n,tloc,btloc,hoid){ 

var lbxfloater = window.frames['lbxframe']; 
var list = lbxfloater.document.forms.lightbox.lbx; 

if(n == "undefined") return; 

if(lbxfloater.document.forms.lightbox.lightbox_total.value >= 48){ 
alert("Your light box is full. No more items can be added."); 
return; 
} 

lbxfloater.document.forms.lightbox.action.value = 'add'; 
lbxfloater.document.forms.lightbox.OBJECT_ID.value = n; 
lbxfloater.document.forms.lightbox.THM_URI_1.value = tloc; 
lbxfloater.document.forms.lightbox.THM_URI_2.value = btloc; 
lbxfloater.document.forms.lightbox.lastitemadded.value = n; 
//lbxfloater.document.forms.lightbox.lbxpage.value = lbxfloater.document.forms.lightbox.lbxlastpage.value; 
lbxfloater.document.forms.lightbox.submit(); 
} 

function getprevobj(o){ 

if (document.getElementById) 
return document.getElementById(o).style 
else if (document.all) 
return document.all.o.style 
} 

function getprevobjnostyle(o){ 

if (document.getElementById) 
return document.getElementById(o) 
else if (document.all) 
return document.all.o 
} 

function getObjectByName(n){ 
alert(n); 

return(document.getElementsByTagName(n)[0].firstChild); 
} 

function truebody(){ 
return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body 
} 

function showprev(imagesrc, oid, catID){ 

// if(document.advsearch.dragging.value == 0){ 
// dnd_thm_loc=t1; 
// dnd_big_thm_loc=t2; 
// dnd_hoid=hoid; 
// } 

//if(document.advsearch.showpreviews.selectedIndex == 0 && document.advsearch.dragging.value == 0){ 

// prev_h = 200; 
// prev_w = w; 

var subCat = catID.substring(0,2); 
var subSubCat = catID.substring(0,3); 

var match = /\.swf/.test(imagesrc); 

if(subCat == 'E7') { 

newHTML = '<div style="padding: 5px; background-color: #000; border: 1px solid #888; width:320px;">'; 
newHTML = newHTML + '<div align="center" style="padding: 8px 2px 8px 2px;">'; 
newHTML = newHTML + '<OBJECT width="500" ><param name="movie" value="http://images.animationfactory.com/images/af_vid.swf"></param>'; 
newHTML = newHTML + '<param name="flashvars" value="myURL=' + imagesrc + '"></param>'; 
newHTML = newHTML + '<EMBED src="/images/af_vid.swf" style="width:302px; height:224px" type="application/x-shockwave-flash" flashvars="myURL=' + imagesrc + '"></EMBED></OBJECT></div>'; 
newHTML = newHTML + '</div>'; 
flip_loc_x = 350; 
left_space = 150; 

//} else if (subCat == 'EB' || subCat == 'EC') { 

} else if (subCat == 'EF') { 
// newHTML = '<div style="padding: 5px; background-color: #000; border: 1px solid #888; width:230px;">'; 
// newHTML = newHTML + '<div align="center" style="padding: 8px 2px 8px 2px;">'; 
// newHTML = newHTML + '<OBJECT width="230" height="30"><param name="movie" value="http://images.animationfactory.com/images/mp3_loader_sm.swf"></param>'; 
// newHTML = newHTML + '<param name="flashvars" value="myURL=' + imagesrc + '"></param>'; 
// newHTML = newHTML + '<EMBED src="http://images.animationfactory.com/images/mp3_loader_sm.swf" style="width:230px; height:30px" type="application/x-shockwave-flash" flashvars="myURL=' + imagesrc + '"></EMBED></OBJECT></div>'; 
// newHTML = newHTML + '</div>'; 
newHTML = ''; 
// flip_loc_x = 350; 
// left_space = 150; 
// offsetfrommouse=[35,-20]; 

} else if (subCat == 'EH') { 
if (subSubCat == 'EH1' || subSubCat == 'EH2') { 
newHTML = '<div style="padding: 5px; background-color: #000; border: 1px solid #888; width:260px;">'; 
newHTML = newHTML + '<div align="center" style="padding: 8px 2px 8px 2px;">'; 
newHTML = newHTML + '<OBJECT width="250" ><param name="movie" value="' + imagesrc + '"></param>'; 
newHTML = newHTML + '<EMBED src=' + imagesrc + ' style="width:250px; height:250px" type="application/x-shockwave-flash"></EMBED></OBJECT></div>'; 
newHTML = newHTML + '</div>'; 
flip_loc_x = 300; 
left_space = 150; 

} else if (subSubCat == 'EH3') { 
newHTML = '<div style="padding: 5px; background-color: #000; border: 1px solid #888; width:400px;">'; 
newHTML = newHTML + '<div align="center" style="padding: 8px 2px 8px 2px;">'; 
newHTML = newHTML + '<OBJECT width="500" ><param name="movie" value="http://images.animationfactory.com/images/bsm_loader.swf"></param>'; 
newHTML = newHTML + '<param name="flashvars" value="myURL=' + imagesrc + '"></param>'; 
newHTML = newHTML + '<EMBED src="http://images.animationfactory.com/images/bsm_loader.swf" style="width:400px;  type="application/x-shockwave-flash" flashvars="myURL=' + imagesrc + '"></EMBED></OBJECT></div>'; 
newHTML = newHTML + '</div>'; 
flip_loc_x = 350; 
left_space = 50; 
} 

} else if (subCat == 'E9') { 

newHTML = '<div style="padding: 5px; background-color: #000; border: 1px solid #888; width:400px;">'; 
newHTML = newHTML + '<div align="center" style="padding: 8px 2px 8px 2px;">'; 
newHTML = newHTML + '<OBJECT width="500" ><param name="movie" value="http://images.animationfactory.com/images/af_hd.swf"></param>'; 
newHTML = newHTML + '<param name="flashvars" value="myURL=' + imagesrc + '"></param>'; 
newHTML = newHTML + '<EMBED src="/images/af_hd.swf" style="width:400px; height:224px" type="application/x-shockwave-flash" flashvars="myURL=' + imagesrc + '"></EMBED></OBJECT></div>'; 
newHTML = newHTML + '</div>'; 
flip_loc_x = 450; 
left_space = 150; 

} else if (subCat == 'EA') { 

newHTML = '<div style="padding: 5px; background-color: #000; border: 1px solid #888; width:304px;">'; 
newHTML = newHTML + '<div align="center" style="padding: 8px 2px 8px 2px;">'; 
newHTML = newHTML + '<OBJECT width="304" ><param name="movie" value="http://images.animationfactory.com/images/af_flv.swf"></param>'; 
newHTML = newHTML + '<param name="flashvars" value="myURL=' + imagesrc + '"></param>'; 
newHTML = newHTML + '<EMBED src="/images/af_flv.swf" style="width:304px; height:304px" type="application/x-shockwave-flash" flashvars="myURL=' + imagesrc + '"></EMBED></OBJECT></div>'; 
newHTML = newHTML + '</div>'; 
flip_loc_x = 350; 
left_space = 150; 

// } else if (subCat == 'ED') { 
// 
// newHTML = '<div style="padding: 5px; background-color: #000; border: 1px solid #888; width:400px;">'; 
// newHTML = newHTML + '<div align="center" style="padding: 8px 2px 8px 2px;">'; 
// newHTML = newHTML + '<OBJECT width="500" ><param name="movie" value="http://images.animationfactory.com/images/bsm_loader.swf"></param>'; 
// newHTML = newHTML + '<param name="flashvars" value="myURL=' + imagesrc + '"></param>'; 
// newHTML = newHTML + '<EMBED src="http://images.animationfactory.com/images/bsm_loader.swf" style="width:400px;  type="application/x-shockwave-flash" flashvars="myURL=' + imagesrc + '"></EMBED></OBJECT></div>'; 
// newHTML = newHTML + '</div>'; 
// flip_loc_x = 350; 
// left_space = 50; 

// here are the PowerClips... 
} else if (subCat == 'EI') { 

newHTML = '<div style="padding: 5px; background-color: #000; border: 1px solid #888; width: width:400px;">'; 
newHTML = newHTML + '<div align="center" style="padding: 8px 2px 8px 2px;"><img src="' + imagesrc + '" border="0"></div>'; 
newHTML = newHTML + '</div>'; 
flip_loc_x = 350; 
left_space = 100; 

// here are the animated powerpoints... 
} else if (subCat == 'E6' && match){ 
newHTML = '<div style="padding: 5px; background-color: #000; border: 1px solid #888; width:410px;">'; 
newHTML = newHTML + '<div align="center" style="padding: 8px 2px 8px 2px;">'; 
newHTML = newHTML + '<OBJECT width="500" ><param name="movie" value="http://images.animationfactory.com/images/af_ppt.swf"></param>'; 
newHTML = newHTML + '<param name="flashvars" value="myURL=' + imagesrc + '"></param>'; 
newHTML = newHTML + '<EMBED src="http://images.animationfactory.com/images/af_ppt.swf" style="width:400px;  type="application/x-shockwave-flash" flashvars="myURL=' + imagesrc + '"></EMBED></OBJECT></div>'; 
newHTML = newHTML + '</div>'; 
flip_loc_x = 350; 
left_space = 50; 

} else { 

newHTML = '<div style="padding: 5px; background-color: #000; border: 1px solid #888; width: ' + previewwidth + 'px;">'; 
newHTML = newHTML + '<div align="center" style="padding: 8px 2px 8px 2px;"><img src="' + imagesrc + '" border="0" width="400"></div>'; 
newHTML = newHTML + '</div>'; 
} 


getprevobjnostyle("previewcontainer").innerHTML = newHTML; 
setTimeout('getprevobj("previewcontainer").visibility="visible"',400); 
//getprevobj("previewcontainer").left=offsetfrommouse[0]+'px'" 
document.onmousemove=followmouse; 
// } 

} 
//newHTML = newHTML + '<font style="color:#666" class="small"></b>' + brand + '</b></font><br>'; 
//newHTML = newHTML + '<center><font style="color:#666" class="small">Image# ' + oid + '</font></center>'; 
//newHTML = newHTML + '<center><font style="color:#666" class="small">Image# ' + brand + '</font></center>'; 

function hideprev(){ 

// if(document.advsearch.showpreviews.selectedIndex == 0 && document.advsearch.dragging.value == 0){ 

getprevobj("previewcontainer").visibility="hidden"; 
getprevobj("previewcontainer").left="-1500px"; 
newHTML = '<div></div>'; 
getprevobjnostyle("previewcontainer").innerHTML = newHTML; 
document.onmousemove=""; 
// } 
} 

function followmouse(e){ 

var xcoord=offsetfrommouse[0] 
var ycoord=offsetfrommouse[1] 

//var x = e.pageX != undefined ? e.pageX : event.clientX 
//var y = e.pageY != undefined ? e.pageY : event.clientY 
var flip_loc_y 
var scrolltop=0 

// if(document.advsearch.dragging.value == 1) return; 

if(getprevobjnostyle('bodyContent').scrollTop) 
scrolltop=getprevobjnostyle('bodyContent').scrollTop 
else 
scrolltop=truebody().scrollTop 

// if (document.forms.advsearch.toggle_lightbox.value == 1) 
// flip_loc_y = 100 
// else 
flip_loc_y = 0 

var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15 

//var docheight=document.all? Math.min(truebody().scrollHeight, truebody().clientHeight) : Math.min(document.body.offsetHeight, window.innerHeight) 
var docheight=document.all? truebody().clientHeight : window.innerHeight 

if (typeof e != "undefined"){ 
if (docwidth - e.pageX < flip_loc_x){ 
xcoord = e.pageX - flip_loc_x - offsetfrommouse[0] - 150 + left_space; // Move to the left side of the cursor 
} else { 
xcoord += e.pageX; 
} 
// if (docheight - e.pageY < (prev_h + flip_loc_y)){ 
// ycoord += e.pageY - Math.max(0,(flip_loc_y + prev_h + e.pageY - docheight - scrolltop)); 
// } else { 
ycoord += e.pageY; 
// } 

} else if (typeof window.event != "undefined"){ 
if (docwidth - event.clientX < flip_loc_x){ // changed from 300 
xcoord = event.clientX + truebody().scrollLeft - flip_loc_x - 150 + left_space; // changed from 286 Move to the left side of the cursor 
} else { 
xcoord += truebody().scrollLeft+event.clientX 
} 
//if (docheight - event.clientY < (prev_h + flip_loc_y)){ 
// ycoord += event.clientY + scrolltop - Math.max(0,(flip_loc_y + prev_h + event.clientY - docheight)); 
//} else { 
ycoord += scrolltop + event.clientY; 
// } 
} 

var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15 
var docheight=document.all? Math.max(truebody().scrollHeight, truebody().clientHeight) : Math.max(document.body.offsetHeight, window.innerHeight) 

getprevobj("previewcontainer").left=xcoord+"px" 
getprevobj("previewcontainer").top=ycoord+"px" 


//getprevobj("previewcontainer").left = x - 250 
//getprevobj("previewcontainer").top = y - 170 

}
