/*
Simple Image Trail script- By JavaScriptKit.com
Visit http://www.javascriptkit.com for this script and more
This notice must stay intact
*/

var offsetfrommouse=[15,25]; //image x,y offsets from cursor position in pixels. Enter 0,0 for no offset
var displayduration=0; //duration in seconds image should remain visible. 0 for always.

var defaultimageheight = 40;	// maximum image size.
var defaultimagewidth = 40;	// maximum image size.
var left;
var width;
var timer;

function gettrailobj(){
if (document.getElementById)
return document.getElementById("preview_div").style;
}

function gettrailobjnostyle(){
if (document.getElementById)
return document.getElementById("preview_div");
}


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


function hidetrail(){	
	gettrailobj().display= "none";
	document.onmousemove="";
	gettrailobj().left="-500px";
	clearTimeout(timer);
}

function showtrail(imagename,title,description,width,height,p1,p2){
	i = imagename;
	t = title;
	w = width;
	h = height;
	p = p1;
	c = p2;
	d=description;
	//alert("hi");
	timer = setTimeout("show('"+i+"',t,d,w,h,p,c);",100);
	
}
function show(imagename,title,description,width,height,price1,price2){
    //alert("hi");
    var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth - offsetfrommouse[0]
	var docheight=document.all? Math.min(truebody().scrollHeight, truebody().clientHeight) : Math.min(window.innerHeight)
	if( (navigator.userAgent.indexOf("Konqueror")==-1  || navigator.userAgent.indexOf("Firefox")!=-1 || (navigator.userAgent.indexOf("Opera")==-1 && navigator.appVersion.indexOf("MSIE")!=-1)) && (docwidth>650 && docheight>400))
	{
		( width == 0 ) ? width = defaultimagewidth: '';
		( height == 0 ) ? height = defaultimageheight: '';
			
		width+=30;
		height+=25;
		defaultimageheight = height;
		defaultimagewidth = width;
	
		document.onmousemove=followmouse; 

		
		newHTML = '<div class="border_preview" style="width:'+  width +'px;text-align:center;"><div id="loader_container"><div id="loader"><div align="center">Loading preview...</div><div id="loader_bg"><div id="progress"> </div></div></div></div>';
		newHTML = newHTML + '<h2 class="title_h2" >' + ' '+title + '</h2>';
		newHTML = newHTML + '<div class="text-tahoma" style="text-align:center">' + ' '+description + '</div>';
    	newHTML = newHTML + '<div class="preview_temp_load" style="text-align:center;"><img onload="javascript:remove_loading();" src="' + imagename + '" border="0"></div>';

		
		
		newHTML = newHTML + '<div class="text-tahoma" style="height:30;padding:5px 0 0 10px;text-align:center"><b>Price :'+price1+'&nbsp;|&nbsp;Combo Price :'+price2+'</b></div>';
		newHTML = newHTML +'<div style="height:15">&nbsp;</div>';
		newHTML = newHTML + '</div>'; 
		
		
		if(navigator.userAgent.indexOf("MSIE")!=-1 && navigator.userAgent.indexOf("Opera")==-1 ){
			newHTML = newHTML+'<iframe src="about:blank" scrolling="no" frameborder="0" width="'+width+'" height="'+height+'"></iframe>';
		}		

		gettrailobjnostyle().innerHTML = newHTML;
		gettrailobj().display="block";
	}
}

function followmouse(e){

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

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

	if (typeof e != "undefined"){
		if (docwidth - e.pageX < defaultimagewidth + 2*offsetfrommouse[0]){
			xcoord = e.pageX - xcoord - defaultimagewidth; // Move to the left side of the cursor
		} else {
			xcoord += e.pageX;
		}
		if (docheight - e.pageY < defaultimageheight + 2*offsetfrommouse[1]){
			ycoord += e.pageY - Math.max(0,(2*offsetfrommouse[1] + defaultimageheight + e.pageY - docheight - truebody().scrollTop));
		} else {
			ycoord += e.pageY;
		}

	} else if (typeof window.event != "undefined"){
		if (docwidth - event.clientX < defaultimagewidth + 2*offsetfrommouse[0]){
			xcoord = event.clientX + truebody().scrollLeft - xcoord - defaultimagewidth; // Move to the left side of the cursor
		} else {
			xcoord += truebody().scrollLeft+event.clientX
		}
		if (docheight - event.clientY < (defaultimageheight + 2*offsetfrommouse[1])){
			ycoord += event.clientY + truebody().scrollTop - Math.max(0,(2*offsetfrommouse[1] + defaultimageheight + event.clientY - docheight));
		} else {
			ycoord += truebody().scrollTop + event.clientY;
		}
	}
	gettrailobj().left=xcoord+"px"
	gettrailobj().top=ycoord+"px"

}
function showtrail2(){
	
	w = 350;
	h = 350;
	
	timer = setTimeout("show2(w,h);",200);
}
function show2(width,height){
 
    var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth - offsetfrommouse[0]
	var docheight=document.all? Math.min(truebody().scrollHeight, truebody().clientHeight) : Math.min(window.innerHeight)

	if( (navigator.userAgent.indexOf("Konqueror")==-1  || navigator.userAgent.indexOf("Firefox")!=-1 || (navigator.userAgent.indexOf("Opera")==-1 && navigator.appVersion.indexOf("MSIE")!=-1)) && (docwidth>650 && docheight>500)) {
		( width == 0 ) ? width = defaultimagewidth: '';
		( height == 0 ) ? height = defaultimageheight: '';
			
		width+=30;
		height+=25;
		defaultimageheight = height;
		defaultimagewidth = width;
	
		document.onmousemove=followmouse; 

		
		newHTML = '<div class="border_preview" style="width:'+  width +'px;height:'+ height +'px;text-align:center;"><div id="loader_container"></div>';
		newHTML = newHTML + '<h2 class="title_h2">What is Combo Price?</h2>';
		newHTML = newHTML + '<div style="text-align:left;padding:5px;"><p class="text-tahoma"><b>Combo is a combination of any two or more items.</b><br /><br />The moment there are more than one item in your Shopping Cart, the system makes it a combo automatically.<br /><br /><b>The Benefit</b><br /><br />		On an AutoCombo, the prices applicable are the Combo Prices which are lower than our regular prices. So you save automatically with AutoCombo!<br /> <br />		<b>The Difference</b><br /><br /> 		Combos are available on many sites, what we have on India Florist Association is that the decision is in your hands to combine items & save. So make your own Combos according to your likings and requirements.<br /><br /> 		<b>How can we offer AutoCombo?</b><br /><br /> 		India Florist Association is technology driven company, with systems such that we save in logistics on orders with more than one item. We like to share the benefits with our customers.<br /><br /> We share as we care!</div>';
		
		
		newHTML = newHTML + '</div>'; 
		
		
		if(navigator.userAgent.indexOf("MSIE")!=-1 && navigator.userAgent.indexOf("Opera")==-1 ){
			newHTML = newHTML+'<iframe src="about:blank" scrolling="no" frameborder="0" width="'+width+'" height="'+height+'"></iframe>';
		}		

		gettrailobjnostyle().innerHTML = newHTML;
		gettrailobj().display="block";
	}
}