/*
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,15] //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.

if (document.getElementById || document.all)
document.write('<div id="trailimageid" class="gImageDisp"></div>')
document.write('<div id="permimageid" class="gImageDisp"></div>')

function getpermobj(){
	if (document.getElementById)
	return document.getElementById("permimageid").style
	else if (document.all)
	return document.all.permimageid.style
}

function setpermobj(){
	if (document.getElementById)
	return document.getElementById("permimageid")
	else if (document.all)
	return document.all.permimageid
}

function gettrailobj(){
	if (document.getElementById)
	return document.getElementById("trailimageid").style
	else if (document.all)
	return document.all.trailimagid.style
}

function settrailobj(){
	if (document.getElementById)
	return document.getElementById("trailimageid")
	else if (document.all)
	return document.all.trailimagid
}

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

function hidetrail(){
	gettrailobj().visibility="hidden"
	gettrailobj().innerHTML = " ";
	gettrailobj().display="none"
	gettrailobj().left="-500px"
	document.onmousemove=""
}
function hidePerm(){
	document.gallery.showperm.value = 'false'
	getpermobj().visibility="hidden"
	getpermobj().innerHTML = " ";
	getpermobj().display="none"
}

function showPerm(img,w,h,imgTitle,imgText){
	if(document.gallery.showperm.value == 'false'){
		document.gallery.showperm.value = 'true'
	
		gettrailobj().visibility="hidden"
		gettrailobj().innerHTML = " ";
		gettrailobj().display="none"
	
		if(imgText != ""){
			getpermobj().height = h+100
		}else{
			getpermobj().height = h+60
		}
		getpermobj().width = w+20
	
		getpermobj().top = parseInt(gettrailobj().top)-150+"px";
		getpermobj().left = parseInt(gettrailobj().left)-150+"px";
	
		document.onmousemove=""
	
		dispImg = "<div class='gDispTitle'><div style='float:left;'>" + imgTitle + "</div><div style='float:right;cursor:pointer;padding-right:3px;' title='close window' onClick='hidePerm()'>[X]</div></div>"
		if(imgText != ""){dispImg = dispImg + "<div class='gDispText'>" + imgText + "</div>"}
		dispImg = dispImg + "<div>"
		dispImg = dispImg + "<img src='http://www.contemporaryflorists.com/images/" + img + "' border='0'>";
		dispImg = dispImg + "</div>";
		setpermobj().innerHTML = dispImg
		getpermobj().display="inline";
	
		getpermobj().visibility="visible"
	}
}

function showtrail(img,w,h,imgTitle,imgText){
	if(document.gallery.showperm.value == 'false'){
		if(imgText != ""){
			gettrailobj().height = h+100
		}else{
			gettrailobj().height = h+60
		}
		gettrailobj().width = w+20

		document.onmousemove=followmouse
	
		dispImg = "<div class='gDispTitle'>" + imgTitle + "</div>"
		if(imgText != ""){dispImg = dispImg + "<div class='gDispText'>" + imgText + "</div>"}
		dispImg = dispImg + "<div>"
		dispImg = dispImg + "<img src='http://www.contemporaryflorists.com/images/" + img + "' border='0'>";
		dispImg = dispImg + "</div>";
		settrailobj().innerHTML = dispImg
		gettrailobj().display="inline";
	
		gettrailobj().visibility="visible"
	}
}

function followmouse(e){
	
	//-- get image dimensions -----------------------
	imgH = parseInt(gettrailobj().height)
	imgW = parseInt(gettrailobj().width)
	//-----------------------------------------------
	//-- get browser dimensions ---------------------
	var winWidth = 0, winHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    winWidth = window.innerWidth;
    winHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    winWidth = document.documentElement.clientWidth;
    winHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    winWidth = document.body.clientWidth;
    winHeight = document.body.clientHeight;
  }
  //-----------------------------------------------

	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.max(truebody().scrollHeight, truebody().clientHeight) : Math.max(document.body.offsetHeight, window.innerHeight)

	if (typeof e != "undefined"){
		if (docwidth - e.pageX < imgW){ //-- display image to the left of mouse
			xcoord = e.pageX - xcoord - 220; 
		} else {
			xcoord += e.pageX;
		}
		if (winHeight - e.pageY < (imgH + 10)){
			ycoord += e.pageY - Math.max(0,(10 + imgH + e.pageY - winHeight - truebody().scrollTop));
		} else {
			ycoord += e.pageY;
		}
	} else if (typeof window.event != "undefined"){ //-- display image to the left of mouse
		if (docwidth - event.clientX < imgW){
			xcoord = event.clientX + truebody().scrollLeft - xcoord - 220;
		} else {
			xcoord += truebody().scrollLeft+event.clientX
		}
		if (winHeight - event.clientY < (imgH + 10)){
			ycoord += event.clientY + truebody().scrollTop - Math.max(0,(10 + imgH + event.clientY - winHeight));
		} else {
			ycoord += truebody().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)

	if(ycoord < 0) { ycoord = ycoord*-1; }
	gettrailobj().left=xcoord+"px"
	gettrailobj().top=ycoord+"px"
	
}