var offsetfrommouse=[12,17]; //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.

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

function gettrailobjnostyle(){
if (document.getElementById)
return document.getElementById("float")
else if (document.all)
return document.all.trailimagid
}

if (document.getElementById || document.all){
	document.write('<div id="float">');
	document.write('</div>');
}

function hidetrail(){
	gettrailobj().visibility="hidden"
	document.onmousemove=""
	gettrailobj().left="-500px"

}

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


function showtrail(imagename,title,description){

	height = 375;
	
	if (height > 0){
		currentimageheight = height;
	}

	currentimageheight = 100;
	document.onmousemove=followmouse;



	newHTML = '<div style="padding: 2px; background-color: #FFF; border: 1px solid #888;">';
	newHTML = newHTML + '<span class="texttwo"><b><font color="#FF6600">&nbsp;' + title + '</font></b></span><br>';
	newHTML = newHTML + '<span class="textone">&nbsp;' + description + '</span><br/>';
	newHTML = newHTML + '<center><img src="' + imagename + '" border="0"></center></div>';

	gettrailobjnostyle().innerHTML = newHTML;

	gettrailobj().visibility="visible";

}

function seriestrail(title, photos, one, two, three, four, five, six, seven, eight, nine, ten, eleven, tweleve, thirteen, fourteen, fifteen, sixteen, seventeen, eighteen, nineteen, twenty, twentyone, twentytwo, twentythree, twentyfour, twentyfive, twentysix, twentyseven, twentyeight, twentynine, thirty){

	height = 375;
	
	if (height > 0){
		currentimageheight = height;
	}

	currentimageheight = 100;
	document.onmousemove=followmouse;


	newHTML = '<div style="padding: 2px; background-color: #FFF; border: 1px solid #888;">';
	newHTML = newHTML + '<table width="330" border="0" cellspacing="" cellpadding="2" align="center">';
  newHTML = newHTML + '<tr valign="middle">'; 
    newHTML = newHTML + '<td colspan="6" class="texttwo"><b><font color="#FF6600">&nbsp;' + title + '</font></b></td>';
  newHTML = newHTML + '</tr>';
  newHTML = newHTML + '<tr valign="middle">'; 
    newHTML = newHTML + '<td><div align="center">' + one + '</div></td>';
    newHTML = newHTML + '<td><div align="center">' + two + '</div></td>';
    newHTML = newHTML + '<td><div align="center">' + three + '</div></td>';
    newHTML = newHTML + '<td><div align="center">' + four + '</div></td>';
    newHTML = newHTML + '<td><div align="center">' + five + '</div></td>';
	newHTML = newHTML + '<td><div align="center">' + six + '</div></td>';
  newHTML = newHTML + '</tr>';
  newHTML = newHTML + '<tr valign="middle">';
    newHTML = newHTML + '<td><div align="center">' + seven + '</div></td>';
    newHTML = newHTML + '<td><div align="center">' + eight + '</div></td>';
    newHTML = newHTML + '<td><div align="center">' + nine + '</div></td>';
    newHTML = newHTML + '<td><div align="center">' + ten + '</div></td>';
	newHTML = newHTML + '<td><div align="center">' + eleven + '</div></td>';
    newHTML = newHTML + '<td><div align="center">' + tweleve + '</div></td>';
  newHTML = newHTML + '</tr>';
  newHTML = newHTML + '<tr valign="middle"> ';
    newHTML = newHTML + '<td><div align="center">' + thirteen + '</div></td>';
    newHTML = newHTML + '<td><div align="center">' + fourteen + '</div></td>';
    newHTML = newHTML + '<td><div align="center">' + fifteen + '</div></td>';
	newHTML = newHTML + '<td><div align="center">' + sixteen + '</div></td>';
    newHTML = newHTML + '<td><div align="center">' + seventeen + '</div></td>';
	newHTML = newHTML + '<td><div align="center">' + eighteen + '</div></td>';
  newHTML = newHTML + '</tr>';
  newHTML = newHTML + '<tr valign="middle">'; 
    newHTML = newHTML + '<td><div align="center">' + nineteen + '</div></td>';
    newHTML = newHTML + '<td><div align="center">' + twenty + '</div></td>';
	 newHTML = newHTML + '<td><div align="center">' + twentyone + '</div></td>';
    newHTML = newHTML + '<td><div align="center">' + twentytwo + '</div></td>';
    newHTML = newHTML + '<td><div align="center">' + twentythree + '</div></td>';
	    newHTML = newHTML + '<td><div align="center">' + twentyfour + '</div></td>';
  newHTML = newHTML + '</tr>';
  newHTML = newHTML + '<tr valign="middle"> ';
    newHTML = newHTML + '<td><div align="center">' + twentyfive + '</div></td>';
    newHTML = newHTML + '<td><div align="center">' + twentysix + '</div></td>';
    newHTML = newHTML + '<td><div align="center">' + twentyseven + '</div></td>';
    newHTML = newHTML + '<td><div align="center">' + twentyeight + '</div></td>';
    newHTML = newHTML + '<td><div align="center">' + twentynine + '</div></td>';
	 newHTML = newHTML + '<td><div align="center">' + thirty + '</div></td>';
  newHTML = newHTML + '</tr>';
    newHTML = newHTML + '<tr valign="middle">'; 
    newHTML = newHTML + '<td colspan="6" class="verandaeleven" align="center"><b><font color="#999999">Containing ' + photos + ' Photos</font></b></td>';
  newHTML = newHTML + '</tr>';
newHTML = newHTML + '</table>';



	gettrailobjnostyle().innerHTML = newHTML;

	gettrailobj().visibility="visible";

}


function seriestrailleft(title, photos, one, two, three, four, five, six, seven, eight, nine, ten, eleven, tweleve, thirteen, fourteen, fifteen, sixteen, seventeen, eighteen, nineteen, twenty, twentyone, twentytwo, twentythree, twentyfour, twentyfive, twentysix, twentyseven, twentyeight, twentynine, thirty){

	height = 375;
	
	if (height > 0){
		currentimageheight = height;
	}

	currentimageheight = 100;
	document.onmousemove=leftstickmouse;


	newHTML = '<div style="padding: 2px; background-color: #FFF; border: 1px solid #888;">';
	newHTML = newHTML + '<table width="330" border="0" cellspacing="" cellpadding="2" align="center">';
  newHTML = newHTML + '<tr valign="middle">'; 
    newHTML = newHTML + '<td colspan="6" class="texttwo"><b><font color="#FF6600">&nbsp;' + title + '</font></b></td>';
  newHTML = newHTML + '</tr>';
  newHTML = newHTML + '<tr valign="middle">'; 
    newHTML = newHTML + '<td><div align="center">' + one + '</div></td>';
    newHTML = newHTML + '<td><div align="center">' + two + '</div></td>';
    newHTML = newHTML + '<td><div align="center">' + three + '</div></td>';
    newHTML = newHTML + '<td><div align="center">' + four + '</div></td>';
    newHTML = newHTML + '<td><div align="center">' + five + '</div></td>';
	newHTML = newHTML + '<td><div align="center">' + six + '</div></td>';
  newHTML = newHTML + '</tr>';
  newHTML = newHTML + '<tr valign="middle">';
    newHTML = newHTML + '<td><div align="center">' + seven + '</div></td>';
    newHTML = newHTML + '<td><div align="center">' + eight + '</div></td>';
    newHTML = newHTML + '<td><div align="center">' + nine + '</div></td>';
    newHTML = newHTML + '<td><div align="center">' + ten + '</div></td>';
	newHTML = newHTML + '<td><div align="center">' + eleven + '</div></td>';
    newHTML = newHTML + '<td><div align="center">' + tweleve + '</div></td>';
  newHTML = newHTML + '</tr>';
  newHTML = newHTML + '<tr valign="middle"> ';
    newHTML = newHTML + '<td><div align="center">' + thirteen + '</div></td>';
    newHTML = newHTML + '<td><div align="center">' + fourteen + '</div></td>';
    newHTML = newHTML + '<td><div align="center">' + fifteen + '</div></td>';
	newHTML = newHTML + '<td><div align="center">' + sixteen + '</div></td>';
    newHTML = newHTML + '<td><div align="center">' + seventeen + '</div></td>';
	newHTML = newHTML + '<td><div align="center">' + eighteen + '</div></td>';
  newHTML = newHTML + '</tr>';
  newHTML = newHTML + '<tr valign="middle">'; 
    newHTML = newHTML + '<td><div align="center">' + nineteen + '</div></td>';
    newHTML = newHTML + '<td><div align="center">' + twenty + '</div></td>';
	 newHTML = newHTML + '<td><div align="center">' + twentyone + '</div></td>';
    newHTML = newHTML + '<td><div align="center">' + twentytwo + '</div></td>';
    newHTML = newHTML + '<td><div align="center">' + twentythree + '</div></td>';
	    newHTML = newHTML + '<td><div align="center">' + twentyfour + '</div></td>';
  newHTML = newHTML + '</tr>';
  newHTML = newHTML + '<tr valign="middle"> ';
    newHTML = newHTML + '<td><div align="center">' + twentyfive + '</div></td>';
    newHTML = newHTML + '<td><div align="center">' + twentysix + '</div></td>';
    newHTML = newHTML + '<td><div align="center">' + twentyseven + '</div></td>';
    newHTML = newHTML + '<td><div align="center">' + twentyeight + '</div></td>';
    newHTML = newHTML + '<td><div align="center">' + twentynine + '</div></td>';
	 newHTML = newHTML + '<td><div align="center">' + thirty + '</div></td>';
  newHTML = newHTML + '</tr>';
    newHTML = newHTML + '<tr valign="middle">'; 
    newHTML = newHTML + '<td colspan="6" class="verandaeleven" align="center"><b><font color="#999999">Containing ' + photos + ' Photos</font></b></td>';
  newHTML = newHTML + '</tr>';
newHTML = newHTML + '</table>';



	gettrailobjnostyle().innerHTML = newHTML;

	gettrailobj().visibility="visible";

}


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(document.body.offsetHeight, window.innerHeight)


	if (typeof e != "undefined"){
		if (docwidth - e.pageX < 300){
			xcoord = e.pageX - xcoord - 286; // Move to the left side of the cursor
		} else {
			xcoord += e.pageX;
		}
		if (docheight - e.pageY < (currentimageheight + 105)){
			ycoord += e.pageY - Math.max(0,(375 + currentimageheight + e.pageY - docheight - truebody().scrollTop));
		} else {
			ycoord += e.pageY;
		}

	} else if (typeof window.event != "undefined"){
		if (docwidth - event.clientX < 300){
			xcoord = event.clientX + truebody().scrollLeft - xcoord - 286; // Move to the left side of the cursor
		} else {
			xcoord += truebody().scrollLeft+event.clientX
		}
		if (docheight - event.clientY < (currentimageheight + 105)){
			ycoord += event.clientY + truebody().scrollTop - Math.max(0,(375 + currentimageheight + event.clientY - docheight));
		} 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)

	gettrailobj().left=xcoord+"px"
	gettrailobj().top=ycoord+"px"

}




function leftstick(imagename,title,description){

	height = 375;
	
	if (height > 0){
		currentimageheight = height;
	}

	currentimageheight = 100;
	document.onmousemove=leftstickmouse;



	newHTML = '<div style="padding: 2px; background-color: #FFF; border: 1px solid #888;">';
	newHTML = newHTML + '<span class="texttwo"><b><font color="#FF6600">&nbsp;' + title + '</font></b></span><br>';
	newHTML = newHTML + '<span class="textone">&nbsp;' + description + '</span><br/>';
	newHTML = newHTML + '<center><img src="' + imagename + '" border="0"></center></div>';

	gettrailobjnostyle().innerHTML = newHTML;

	gettrailobj().visibility="visible";

}


function leftstickmouse(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(document.body.offsetHeight, window.innerHeight)


	if (typeof e != "undefined"){
		if (docwidth - e.pageX < 300){
			xcoord = e.pageX - xcoord - 340; // Move to the left side of the cursor
		} else {
			xcoord = e.pageX - xcoord - 340; // Move to the left side of the cursor
		}
		ycoord += e.pageY - Math.max(0,(225 + currentimageheight + e.pageY - docheight - truebody().scrollTop));


	} else if (typeof window.event != "undefined"){
		if (docwidth - event.clientX < 300){
			xcoord = event.clientX + truebody().scrollLeft - xcoord - 340; // Move to the left side of the cursor
		} else {
			xcoord = event.clientX + truebody().scrollLeft - xcoord - 340; // Move to the left side of the cursor
		}
		if (docheight - event.clientY < (currentimageheight + 105)){
			ycoord += truebody().scrollTop + event.clientY -100;
		} else {
			ycoord += truebody().scrollTop + event.clientY -100;
		}
	}

	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)

	gettrailobj().left=xcoord+"px"
	gettrailobj().top=ycoord+"px"

}




function rightstick(imagename,title,description){

	height = 375;
	
	if (height > 0){
		currentimageheight = height;
	}

	currentimageheight = 100;
	document.onmousemove=rightstickmouse;



	newHTML = '<div style="padding: 2px; background-color: #FFF; border: 1px solid #888;">';
	newHTML = newHTML + '<span class="texttwo"><b><font color="#FF6600">&nbsp;' + title + '</font></b></span><br>';
	newHTML = newHTML + '<span class="textone">&nbsp;' + description + '</span><br/>';
	newHTML = newHTML + '<center><img src="' + imagename + '" border="0"></center></div>';

	gettrailobjnostyle().innerHTML = newHTML;

	gettrailobj().visibility="visible";

}


function rightstickmouse(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(document.body.offsetHeight, window.innerHeight)


	if (typeof e != "undefined"){
		if (docwidth - e.pageX < 300){
			xcoord = e.pageX - xcoord +30; // Move to the left side of the cursor
		} else {
			xcoord = e.pageX - xcoord +30; // Move to the left side of the cursor
		}
		
		ycoord += e.pageY - Math.max(0,(325 + currentimageheight + e.pageY - docheight - truebody().scrollTop));


	} else if (typeof window.event != "undefined"){
		if (docwidth - event.clientX < 300){
			xcoord = event.clientX + truebody().scrollLeft - xcoord +30; // Move to the left side of the cursor
		} else {
			xcoord = event.clientX + truebody().scrollLeft - xcoord +30; // Move to the left side of the cursor
		}
		if (docheight - event.clientY < (currentimageheight + 105)){
			ycoord += truebody().scrollTop + event.clientY -100;
		} else {
			ycoord += truebody().scrollTop + event.clientY -100;
		}
	}

	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)

	gettrailobj().left=xcoord+"px"
	gettrailobj().top=ycoord+"px"

}