//var offsetfrommouse=[50,-25]; //image x,y offsets from cursor position in pixels. Enter 0,0 for no offset 50,-25 default
var offsetfrommouse=[35,-200]; //image x,y offsets from cursor position in pixels. Enter 0,0 for no offset 50,-25 default
var displayduration=0; //duration in seconds image should remain visible. 0 for always.
var currentimageheight = 200; // maximum image size.
var previewwidth = currentimageheight + 45;
var prev_h;
var prev_w;
var flip_loc_x = 200 // When we get to loc clientWidth - 445 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);

   if(subCat == 'E7') {

        newHTML = '<div style="padding: 5px; background-color: #FFF; border: 1px solid #888; width:320px;">';
        newHTML = newHTML + '<div align="center" style="padding: 8px 2px 8px 2px;">';
        newHTML = newHTML + '<OBJECT width="302" height="224"><param name="movie" value="/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; " 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') { 

        newHTML = '<div style="padding: 5px; background-color: #FFF; border: 1px solid #888; width:260px;">';
        newHTML = newHTML + '<div align="center" style="padding: 8px 2px 8px 2px;">';
        newHTML = newHTML + '<OBJECT width="250" height="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 (subCat == 'E9') { 

        newHTML = '<div style="padding: 5px; background-color: #FFF; border: 1px solid #888; width:400px;">';
        newHTML = newHTML + '<div align="center" style="padding: 8px 2px 8px 2px;">';
        newHTML = newHTML + '<OBJECT width="400" height="224"><param name="movie" value="/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: #FFF; border: 1px solid #888; width:304px;">';
        newHTML = newHTML + '<div align="center" style="padding: 8px 2px 8px 2px;">';
        newHTML = newHTML + '<OBJECT width="304" height="304"><param name="movie" value="/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: #FFF; border: 1px solid #888; width:400px;">';
        newHTML = newHTML + '<div align="center" style="padding: 8px 2px 8px 2px;">';
        newHTML = newHTML + '<OBJECT width="400" height="300"><param name="movie" value="http://static-a.arttoday.com/s/animfactory/images/bsm_loader.swf"></param>';
        newHTML = newHTML + '<param name="flashvars" value="myURL=' + imagesrc + '"></param>';
        newHTML = newHTML + '<EMBED src="http://static-a.arttoday.com/s/animfactory/images/bsm_loader.swf" style="width:400px; height:300px" 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: #FFF; border: 1px solid #888; width: ' + previewwidth + 'px;">';
        newHTML = newHTML + '<div align="center" style="padding: 8px 2px 8px 2px;"><img src="' + imagesrc + '" border="0" width="200" height="200"></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";
        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 - 150
        //getprevobj("previewcontainer").top = y - 70

}