var id_flag=0;
var thumbs=new Array();

function getRealLeft(imgElem) {
	xPos = eval(imgElem).offsetLeft;
	tempEl = eval(imgElem).offsetParent;
  	while (tempEl != null) {
  		xPos += tempEl.offsetLeft;
  		tempEl = tempEl.offsetParent;
  	}
	return xPos;
}

function getRealTop(imgElem) {
	yPos = eval(imgElem).offsetTop;
	tempEl = eval(imgElem).offsetParent;
	while (tempEl != null) {
  		yPos += tempEl.offsetTop;
  		tempEl = tempEl.offsetParent;
  	}
	return yPos;
}

function show_popup_thumb(products_id, calling_anchor){
	var thumb_obj=null;
	
	for(var i=0;i<thumbs.length;i++){
		if(thumbs[i].products_id==products_id){
			thumb_obj=thumbs[i];
			break;
		}
	}	
	
	if(thumb_obj != null && thumb_obj.show){
		hide_popup_thumbs();
		id_flag=products_id;
		
		var outer_box=document.getElementById('floating_box');
		var inner_box=document.getElementById('floating_sub_box');
		var floating_thumb=document.getElementById('floating_box_thumb');
		
		floating_thumb.src=thumb_obj.src;
		floating_thumb.width=thumb_obj.width;
		floating_thumb.height=thumb_obj.height;
		
		inner_box.style.width=thumb_obj.width;
		inner_box.style.height=thumb_obj.height;
		
		outer_box.style.width=thumb_obj.width+2;
		outer_box.style.height=thumb_obj.height+2;
		outer_box.style.top=getRealTop(calling_anchor.childNodes[0])+20-thumb_obj.height/2;
		outer_box.style.left=185-thumb_obj.width;
		
		setTimeout("show_floating_layer("+products_id+")", 300);
	}
}

function hide_popup_thumbs(){
	id_flag=0;
	
	var outer_box=document.getElementById('floating_box');
	var inner_box=document.getElementById('floating_sub_box');
	var floating_thumb=document.getElementById('floating_box_thumb');

	floating_thumb.style.visibility='hidden';
	inner_box.style.visibility='hidden';
	outer_box.style.visibility='hidden';

}

function show_floating_layer(products_id){
	if(products_id==id_flag){
		var outer_box=document.getElementById('floating_box');
		var inner_box=document.getElementById('floating_sub_box');
		var floating_thumb=document.getElementById('floating_box_thumb');

		floating_thumb.style.visibility='visible';
		inner_box.style.visibility='visible';
		outer_box.style.visibility='visible';
	}
}

function preloadThumbs(){
	var preload_thumbs=new Array();
	for(var i=0;i<thumbs.length;i++){
		if(thumbs[i].show){
			preload_thumbs[preload_thumbs.length]=thumbs[i].src;
		}
	}
	
	var myPreLoader=new ImagePreloader(preload_thumbs, '');
}