function show_job()
{
return true;
}

function validate_job_application()
{
document.getElementById('ok').value='911';
if (document.getElementById("applicant_name").value.length<2)
	{
	alert("Please enter your Name");
	return false;
	}
email=document.getElementById("email").value;
if ((email.length>1) && (email.length<6))
	{
	alert("Please enter a valid Email Address");
	return false;
	}
tel=document.getElementById("tel").value;
if ( (tel.length>1) && (tel.length<6) )
	{
	alert("Your Phone Number is invalid.");
	return false;
	}
if (email.length==0 && tel.length==0)
	{
	alert("Please enter an Email Address or Telephone Number so we can contact you.");
	return false;
	}
if ( (document.getElementById("cv").value.length<8) && (document.getElementById("cover_note").value.length<20))
	{
	alert("Please upload your CV or write a small Cover Note");
	return false;
	}
return true;
}

function show_hide(id)
{
if (document.getElementById(id).style.display!='none')
	{
	document.getElementById(id).style.display='none'
	}
else
	{
	document.getElementById(id).style.display='block'
	}
}

function hide(id)
{
document.getElementById(id).style.display='none'
}

function rollon(button_name)
{
frank=document.getElementById(button_name);
if (frank.src.search(/.gif/)>-1) 	// if it has .gif in the src 
	{
	if (frank.src.search(/_selected.gif/) == -1)  // if it isnt already selected
		{
		frank.src=frank.src.replace(/.gif/, "_selected.gif");   // make it selected
		return true;
		}
	}
if (frank.src.search(/.jpg/)>-1)      // else if it has .jpg in the src
	{
	if (frank.src.search(/_selected.jpg/) == -1)   // if it isnt already selected
		{
		frank.src=frank.src.replace(/.jpg/, "_selected.jpg");    // make it selected
		return true;
		}
	}
return false;
}

function rolloff(button_name)
{
frank=document.getElementById(button_name);
frank.src=frank.src.replace(/_selected/, "");
}

function fillon(button_name)
{
document.getElementById(button_name).style.backgroundColor="rgb(253,227,247)";
}

function filloff(button_name)
{
document.getElementById(button_name).style.backgroundColor="white";
}

function eventTrigger (e) {
    if (! e)
        e = event;
    return e.target || e.srcElement;
}

function project_image(img)
{
var current_thumb;
current_thumb=document.getElementById(img).src.replace("tiny", "medium");
document.getElementById("project_main_image").src=current_thumb;
}

function next_project(next_or_prev)
{
document.getElementById('project_loading').style.display="block";
if (next_or_prev=="prev")
	{
	id=document.getElementById('prevID').value;
	}
else if (next_or_prev=="next")
	{
	id=document.getElementById('nextID').value;
	}
else
	{
	if (parseInt(next_or_prev)>0)
		{
		id=parseInt(next_or_prev);
		}
	else if (document.location.hash.length>0)
		{
		id=parseInt(document.location.hash.replace(/#/, ""));
		}
	else
		{ 
		document.getElementById('project_loading').style.display="none";
		return false;
		}
	}
if (window.id===undefined)
	{
	id=0;
	}
      /* Set up the request */
      var xmlhttp =  new XMLHttpRequest();
      xmlhttp.open('POST', 'project_xml.php?id=' + id, true);
    
     /* Send the get request */
      xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
      xmlhttp.send('');

      /* The callback function */
      xmlhttp.onreadystatechange = function() 
      {
       if (xmlhttp.readyState<4) //receiving
         {
         }
         
         if (xmlhttp.readyState == 4)
          {
         document.getElementById('project_loading').style.display="none";
          
          // Get the new title
           if (xmlhttp.responseXML.getElementsByTagName('project_title')[0].hasChildNodes())
           	{
           	title=xmlhttp.responseXML.getElementsByTagName('project_title')[0].firstChild.data;
           	}
           else
           	{
           	title="";
           	}
        
        
           if (xmlhttp.responseXML.getElementsByTagName('location')[0].hasChildNodes())
           	{
           	project_location=', ' + xmlhttp.responseXML.getElementsByTagName('location')[0].firstChild.data
           	}
           else
           	{
           	project_location="";
           	}
           	
           document.getElementById('project_title').innerHTML=title + project_location;
           
           if (xmlhttp.responseXML.getElementsByTagName('contractor')[0].hasChildNodes())
           	{
           	document.getElementById('project_contractor').innerHTML='Contractor: ' + xmlhttp.responseXML.getElementsByTagName('contractor')[0].firstChild.data
           	}
           else
           	{
           	document.getElementById('project_contractor').innerHTML="";
           	}
           	
           
           if (xmlhttp.responseXML.getElementsByTagName('value')[0].hasChildNodes())
           	{
           	document.getElementById('project_value').innerHTML=xmlhttp.responseXML.getElementsByTagName('value')[0].firstChild.data
           	}
           else
           	{
           	document.getElementById('project_value').innerHTML="";
           	}
           	
           var project_notes_divider=0;
           
           if (xmlhttp.responseXML.getElementsByTagName('notes')[0].hasChildNodes())
           	{
           	document.getElementById('project_notes_div').style.display="inline";
           	document.getElementById('project_notes').innerHTML=xmlhttp.responseXML.getElementsByTagName('notes')[0].firstChild.data
      		var project_notes_divider=1;
      		}
           else
           	{
           	document.getElementById('project_notes_div').style.display="none";
           	document.getElementById('project_notes').innerHTML="";
           	}
           	
           if (xmlhttp.responseXML.getElementsByTagName('streetview')[0].hasChildNodes())
           	{
           	document.getElementById('project_streetview_div').style.display="inline";
           	document.getElementById('project_streetview').innerHTML=xmlhttp.responseXML.getElementsByTagName('streetview')[0].firstChild.data
      		var project_notes_divider=1;
      		}
           else
           	{
           	document.getElementById('project_streetview_div').style.display="none";
           	document.getElementById('project_streetview').innerHTML="";
           	}           	
           	
            if (xmlhttp.responseXML.getElementsByTagName('funfact1')[0].hasChildNodes())
           	{
           	document.getElementById('project_fact1_div').style.display="block";
           	document.getElementById('project_fact1').innerHTML='<p class="margin_medium">' + xmlhttp.responseXML.getElementsByTagName('funfact1')[0].firstChild.data + '</p>';
           	var project_notes_divider=1
           	}
           else
           	{
           	document.getElementById('project_fact1_div').style.display="none";
           	document.getElementById('project_fact1').innerHTML="";
           	}   
           	
           
    
           	
           	
           if (project_notes_divider==1)
           	{
           	document.getElementById('project_notes_divider').style.display="block";
           	}
           else
           	{
           	document.getElementById('project_notes_divider').style.display="none";
           	}
           	
        // Get the new img1
        
        	if (xmlhttp.responseXML.getElementsByTagName('main_img_src')[0].hasChildNodes())
           		{
           		document.getElementById('project_main_image').src=xmlhttp.responseXML.getElementsByTagName('main_img_src')[0].firstChild.data
           		document.getElementById('project_main_image_anchored').src=xmlhttp.responseXML.getElementsByTagName('main_img_src')[0].firstChild.data
      			}
       		else
       			{
           		document.getElementById('project_main_image').src='images/blankdot.gif';
            		document.getElementById('project_main_image_anchored').src='images/blankdot.gif';
     			}
           	
           	document.getElementById('project_main_image_anchor').style.display="none";
           	document.getElementById('project_main_image').style.display="inline";

        	if (xmlhttp.responseXML.getElementsByTagName('main_img_href')[0].hasChildNodes())
           		{
           		document.getElementById('project_main_image_anchor').href=xmlhttp.responseXML.getElementsByTagName('main_img_href')[0].firstChild.data
           		document.getElementById('project_main_image_anchor').title=title + project_location;
           		
           		document.getElementById('project_main_image_anchor').style.display="inline";
           		document.getElementById('project_main_image').style.display="none";
           		}
              
        // get the thumbs
        
        for (n=1; n<6; n++)
        	{
        	 document.getElementById('project_img' + n).style.display="inline";

        	if (xmlhttp.responseXML.getElementsByTagName('img' + n + 'src')[0])
           		{
           		document.getElementById('project_img' + n + '_anchored').src=xmlhttp.responseXML.getElementsByTagName('img' + n + 'src')[0].firstChild.data
           		document.getElementById('project_img' + n).src=xmlhttp.responseXML.getElementsByTagName('img' + n + 'src')[0].firstChild.data
      			}
       		else
       			{
           		document.getElementById('project_img' + n).src='images/blankdot.gif';
            		document.getElementById('project_img' + n + '_anchored').src='images/blankdot.gif';
           		document.getElementById('project_img' + n + '_a').rel="lightbox";          		
     			}
           	
        	if (xmlhttp.responseXML.getElementsByTagName('img' + n + 'href')[0])
           		{
           		document.getElementById('project_img' + n + '_a').href=xmlhttp.responseXML.getElementsByTagName('img' + n + 'href')[0].firstChild.data
           		document.getElementById('project_img' + n + '_a').title=title + project_location;        		
           		document.getElementById('project_img' + n + '_a').style.display="inline";
           		document.getElementById('project_img' + n + '_a').rel="lightbox-project";
           		document.getElementById('project_img' + n).style.display="none";           		       		
      			}
       		else
       			{
           		document.getElementById('project_img' + n + '_a').style.display="none";            		
     			}           	
          	}
          	
          	
         //highlight the page number links
       
        if (xmlhttp.responseXML.getElementsByTagName('number_of_pages')[0])
        	{
        	number_of_pages=xmlhttp.responseXML.getElementsByTagName('number_of_pages')[0].firstChild.data;
        	
         	for (n=1; n<=number_of_pages; n++)
        		{	
	         	if (document.getElementById('page_link' + n))
	         		{
	         		document.getElementById('page_link' + n).className="page_nav";
	         		}
	         	
         		}
               	page=xmlhttp.responseXML.getElementsByTagName('page')[0].firstChild.data;
          	if (document.getElementById('page_link' + page))
          		{
          		document.getElementById('page_link' + page).className="page_nav_selected";
          		}
          		
        	}         	
         	
         	
         	
          //highlight the project number links
       

        if (xmlhttp.responseXML.getElementsByTagName('project_number')[0])
        	{
         	for (n=1; n<7; n++)
        		{	
	         	element=document.getElementById('project_link' + n);        		
	         	if (element)
	         		{
	         		element.className="page_nav";
	
	// change the project link hrefs
	 
	 			if (xmlhttp.responseXML.getElementsByTagName('project_link' + n)[0])
	         			{
	         			element.style.display="inline";
	         			link=xmlhttp.responseXML.getElementsByTagName('project_link' + n)[0].firstChild.data;
	         			element.href='?id=' + link;
					element.onclick = new Function('next_project("'+link+'"); return false;');
	         			}
	         		else	
	         			{
	         			element.style.display="none";
	         			}
	         			
	         		}
         		}
               	project_number=xmlhttp.responseXML.getElementsByTagName('project_number')[0].firstChild.data;
         	document.getElementById('project_link' + project_number).className="page_nav_selected";
        	
         	}








           // Get the next project ID
           if (xmlhttp.responseXML.getElementsByTagName('newerID')[0].hasChildNodes())
           	{
           	var nextID=xmlhttp.responseXML.getElementsByTagName('newerID')[0].firstChild.data;
           	if (nextID==0)
           		{
           		document.getElementById('project_next_a').style.display="none";
           		document.getElementById('project_next').style.display="block";
           		}
           	else
           		{
           		document.getElementById('project_next_a').style.display="block";
           		document.getElementById('project_next').style.display="none";
           		
          		document.getElementById('nextID').value=nextID;
          		}
          	}
           // Get the previous project ID
           if (xmlhttp.responseXML.getElementsByTagName('olderID')[0].hasChildNodes())
             	{
             	var olderID=xmlhttp.responseXML.getElementsByTagName('olderID')[0].firstChild.data
           	if (olderID==0)
           		{
           		document.getElementById('project_previous_a').style.display="none";
           		document.getElementById('project_previous').style.display="block";           		}
           	else
           		{
           		document.getElementById('project_previous_a').style.display="block";
           		document.getElementById('project_previous').style.display="none";
           		
          		document.getElementById('prevID').value=olderID;         	
           		}
           	document.location.hash=id;
          	}
           }
      }
  }




function projects_page(page, inprogress)
{

      /* Set up the request */
      var xmlhttp =  new XMLHttpRequest();
      if (!page || page<1)
      	{
	if (document.location.hash.length>0)
		{
		page=parseInt(document.location.hash.replace(/#/, ""));
		if (page<1 || page>100)
			{
			page=1;
			}		
		}

	else
		{
      		page=1;
		}      	

      	}
      url='projects_xml.php?page=' + page + '&inprogress=' + inprogress;
      xmlhttp.open('POST', url, true);
      
     /* Send the get request */
      xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
      xmlhttp.send('');

      /* The callback function */
      xmlhttp.onreadystatechange = function() 
      {
       if (xmlhttp.readyState<4) //receiving
         {
         var r=1;
         }
         
         if (xmlhttp.readyState == 4)
          {
           var r=1;

          
          
          
          for (i=0; div=document.getElementById('project_' + i + '_div'); i++)
          	{
          	div.style.display="none";
          	}


          project=xmlhttp.responseXML.getElementsByTagName('project'); // get the projects into an array
	
          for (i=0;i<project.length;i++)  // for each project listed
  		{
  		title=project[i].getElementsByTagName('name')[0].childNodes[0].nodeValue;
  		locationx=project[i].getElementsByTagName('location')[0].childNodes[0].nodeValue;
  		contractor=project[i].getElementsByTagName('contractor')[0].childNodes[0].nodeValue; 
  		value=project[i].getElementsByTagName('value')[0].childNodes[0].nodeValue;
  		src=project[i].getElementsByTagName('src')[0].childNodes[0].nodeValue;
  		href="project.php?id=" + project[i].getElementsByTagName('id')[0].childNodes[0].nodeValue;
 	 	
 	 	if (value.length>1)
 	 		{
 	 		value="Value: " + value
 	 		}
 	 	if (contractor.length>0)
 	 		{
 	 		contractor="Contractor: " + contractor;
 	 		}
 	 	if (locationx.length>0)
 	 		{
 	 		locationx="Location: " + locationx;
 	 		} 
 	 		
 	 	document.getElementById('project_' + i + '_div').style.display="inline";	
 	 	document.getElementById('project_' + i + '_name').innerHTML=title;
 	 	document.getElementById('project_' + i + '_location').innerHTML=locationx;
 	 	document.getElementById('project_' + i + '_contractor').innerHTML=contractor;
 	 	document.getElementById('project_' + i + '_value').innerHTML=value;
 	 	document.getElementById('project_' + i + '_href').href=href;
 	 	document.getElementById('project_' + i + '_href2').href=href;
 	 	document.getElementById('project_' + i + '_src').src=src; 	 	
 	 	} 
 	  	

 	  if (element=document.getElementById('currentpageid')) // if there is only 1 page of projects this wont be true
 	  	{
 	  	oldpage=element.value;
 	  	document.getElementById('page_link' + oldpage).className="page_nav";
 	  	element.value=page;

 	  	document.getElementById('page_link' + page).className="page_nav_selected";
          	document.location.hash=page;
		}
	  }
	}
}









function news_highlight_on(id)
{
if (id)
	{
	element=document.getElementById("news_td_left_" + id);
	if (element)
		{
		element.style.backgroundColor="rgb(230,230,230)";
		}
		
	element2=document.getElementById("news_td_right_" + id);
	if (element2)
		{
		element2.style.backgroundColor="rgb(230,230,230)";
		}	
	}
}



function news_highlight_off(id)
{

previously_selected_news_id=document.getElementById('selected_news_id').value;


if (typeof(id) == 'undefined')
	{
	alert(id)
	}

else
	{
	if ( (previously_selected_news_id!=id)) // turn it off if user is not on this page
		{		
	element=document.getElementById("news_td_left_" + id);
		if (element)
			{	

			element.style.backgroundColor="white";
			}
	element2=document.getElementById("news_td_right_" + id);
		if (element)
			{
			element2.style.backgroundColor="white";
			}
		}
	}

}










function news_article(id)
{

if (parseInt(id)>0)
	{
	id=parseInt(id);
	}
else if (document.location.hash.length>0)
	{
	id=parseInt(document.location.hash.replace(/#/, ""));
	}
else
	{ 
	document.getElementById('news_loading').style.display="none";
	return false;
	}





	
previous_id=document.getElementById('selected_news_id').value;	
document.getElementById('selected_news_id').value=id;


         document.getElementById('news_loading').style.display="block";


      /* Set up the request */
      var xmlhttp =  new XMLHttpRequest();
      xmlhttp.open('POST', 'news_article_xml.php?ID=' + id, true);
      
     /* Send the get request */
      xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
      xmlhttp.send('');

      /* The callback function */
      xmlhttp.onreadystatechange = function() 
      {
       if (xmlhttp.readyState<4) //receiving
         {
         
         }
         
         if (xmlhttp.readyState == 4)
          {
         document.getElementById('news_loading').style.display="none";
          
          // Get the id for when none provided
           if (id==0)
           	{
           	if (xmlhttp.responseXML.getElementsByTagName('id')[0].hasChildNodes())
           		{
           		id=xmlhttp.responseXML.getElementsByTagName('id')[0].firstChild.data
			}
		}
           
          
          // Get the new Short Description
           if (xmlhttp.responseXML.getElementsByTagName('shortdesc')[0].hasChildNodes())
           	{
           	document.getElementById('shortdesc').innerHTML=xmlhttp.responseXML.getElementsByTagName('shortdesc')[0].firstChild.data
           	}
           else
           	{
           	document.getElementById('shortdesc').innerHTML="";
           	}
        // Get the new Long Description
           if (xmlhttp.responseXML.getElementsByTagName('longdesc')[0].hasChildNodes())
           	{
           	document.getElementById('longdesc').innerHTML=xmlhttp.responseXML.getElementsByTagName('longdesc')[0].firstChild.data
           	}
           else
           	{
           	document.getElementById('longdesc').innerHTML="";
           	}
        // Get the new Date
           if (xmlhttp.responseXML.getElementsByTagName('date')[0].hasChildNodes())
           	{
           	document.getElementById('date').innerHTML=xmlhttp.responseXML.getElementsByTagName('date')[0].firstChild.data
           	}
           else
           	{
           	document.getElementById('date').innerHTML="";
           	}
        // Get the new img1
        
           for (n=0; n<4; n++)  // 4 images
           	{
          	document.getElementById('img' + n + 'div').style.display="none";
           	document.getElementById('img' + n).style.display="none";
           	document.getElementById('img' + n + 'a').style.display="none";
           	document.getElementById('img' + n).src="images/blankdot.gif";
           	
            	document.getElementById('img' + n + 'desc').innerHTML="";
            	document.getElementById('img' + n + 'a').innerHTML="";
            	document.getElementById('img' + n + 'a').href="";
               	document.getElementById('img' + n + 'a').rel="lightbox";
               	document.getElementById('img' + n + 'a').title="";
            	}
            	
           for (n=0; n<4; n++)  // 4 images
            	{
           	if (xmlhttp.responseXML.getElementsByTagName('imgsrc')[n])
           		{
           		if (xmlhttp.responseXML.getElementsByTagName('imgsrc')[n].hasChildNodes())
           			{
           			document.getElementById('img'+ n ).src=xmlhttp.responseXML.getElementsByTagName('imgsrc')[n].firstChild.data
           			document.getElementById('img' + n + 'div').style.display="inline";
           			document.getElementById('img' + n).style.display="inline";
               			if (xmlhttp.responseXML.getElementsByTagName('imgdesc')[n].hasChildNodes())
                			{
                			document.getElementById('img' + n).alt=xmlhttp.responseXML.getElementsByTagName('imgdesc')[n].firstChild.data          
                			document.getElementById('img' + n + 'desc').innerHTML=xmlhttp.responseXML.getElementsByTagName('imgdesc')[n].firstChild.data
              				document.getElementById('img' + n + 'a').title=xmlhttp.responseXML.getElementsByTagName('imgdesc')[n].firstChild.data;
                	       		}
          			}
          		}
        
               	if (xmlhttp.responseXML.getElementsByTagName('a_href')[n])
               		{
               		if (xmlhttp.responseXML.getElementsByTagName('a_href')[n].hasChildNodes())
               			{
               			document.getElementById('img' + n + 'a').rel="lightbox-news";
              			document.getElementById('img' + n + 'a').style.display="inline";
          			document.getElementById('img' + n).style.display="none";
               			document.getElementById('img' + n + 'a').href=xmlhttp.responseXML.getElementsByTagName('a_href')[n].firstChild.data
          			document.getElementById('img' + n + 'a').innerHTML=xmlhttp.responseXML.getElementsByTagName('a_innerhtml')[n].firstChild.data
          			}
          		}
          	}

      	     	if (xmlhttp.responseXML.getElementsByTagName('page')[0].hasChildNodes())
           		{
           		page=xmlhttp.responseXML.getElementsByTagName('page')[0].firstChild.data
          	 	}
         	else
           		{
           		page=1;
           		}
           		
      	     	if (xmlhttp.responseXML.getElementsByTagName('article')[0].hasChildNodes())
           		{
           		article=xmlhttp.responseXML.getElementsByTagName('article')[0].firstChild.data
          	 	}
         	else
           		{
           		article=0;
           		}
           		

		
		news_highlight_on(article); 
		news_page(page);
		document.getElementById('selected_news_id').value=article;
		for (n=0; n<5; n++)
			{
			news_highlight_off(n) //turns off the highlight of previous article
			}		
           	document.location.hash=id;

 
 
	      }
      

	}
}




function news_page(page)
{
    /* Set up the request */
      var xmlhttp =  new XMLHttpRequest();
      xmlhttp.open('POST', 'news_page_xml.php?page=' + page, true);
      
     previous_page=document.getElementById("news_page_current").value;
  
     document.getElementById("news_page_current").value=page;
     document.getElementById("news_page_" + previous_page).className="page_nav"; 
     document.getElementById("news_page_" + page).className="page_nav_selected";

     
     
     /* Send the get request */
      xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
      xmlhttp.send('');
      

      /* The callback function */
      xmlhttp.onreadystatechange = function() 
      {
       if (xmlhttp.readyState<4) //receiving
         {
         
         }
         
         if (xmlhttp.readyState == 4)
          {
          
          
          //hide all 5 links first
          
          for (i=0; div=document.getElementById('news_txt_' + i); i++)
          	{
          	div.style.visibility="hidden";
          	}
          for (i=0; div=document.getElementById('news_img_anchor_' + i); i++)
          	{
          	div.style.visibility="hidden";
          	}
          
          
          // cycle through any <articles> returned from the xml page and put into an array
          articles=xmlhttp.responseXML.getElementsByTagName('article');
	
          for (i=0; i<articles.length; i++)  // for each article listed
  		{
  		iconsrc="images/blankdot.gif";
  		
  		id=articles[i].getElementsByTagName('id')[0].childNodes[0].nodeValue;  	
  		mydate=articles[i].getElementsByTagName('date')[0].childNodes[0].nodeValue;  	
  		short=articles[i].getElementsByTagName('short')[0].childNodes[0].nodeValue;  	
  		
  		if (articles[i].getElementsByTagName('icon')[0].hasChildNodes())
  			{
  			iconsrc=articles[i].getElementsByTagName('icon')[0].childNodes[0].nodeValue;
  			}
		
 	 	news_txt=document.getElementById('news_txt_' + i);
 	 	news_txt.style.visibility="visible";
 	 	news_txt.href='news.php?ID=' + id;
		news_txt.onclick = new Function('news_article("'+id+'"); return false;');
 	 	
 	 	document.getElementById('news_txt_' + i).innerHTML=mydate + '<br />' + short;
 	 	
 	 	if (news_img_anchor=document.getElementById('news_img_anchor_' + i))
 	 		{
 	 		news_img_anchor.style.visibility="visible";
 	 		news_img_anchor.href='news.php?ID=' + id;
 			news_img_anchor.onclick = new Function('news_article("'+id+'"); return false;');
 		
 	 		}

  	 	document.getElementById('news_img_' + i).src=iconsrc;
	 	
	 	
 	 	} 
	  }
	}
}





function news_article_next_prev(age)
{
if (age=="olderID")
	{
	id=document.getElementById('olderID').value;
	}
else if (age=="newerID")
	{
	id=document.getElementById('newerID').value;
	}
else
	{
	id=document.location.hash.replace(/#/, "");
	}
news_article(id);
}

 
 
var offsetfrommouse=[20,20]; //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 currentimageheight = 0;	// maximum image size.
var generalheight=160;


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



function hidetrail(){
	document.getElementById('movingbox').innerHTML = " ";
	document.getElementById('movingbox').style.display="none"
	document.onmousemove=""
	document.getElementById('movingbox').style.left="-500px"

}


function showtrail(imagename,id)
{
	document.onmousemove=followmouse;

	newHTML = '<p><img src="' + imagename + '" alt="thumbnail" /></p>';

	document.getElementById('movingbox').innerHTML = newHTML;
	document.getElementById('movingbox').style.display="inline";
}



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 < 380){
			xcoord = e.pageX - xcoord - 400; // Move to the left side of the cursor
		} else {
			xcoord += e.pageX;
		}
		if (docheight - e.pageY < (currentimageheight + generalheight)){
			ycoord += e.pageY - Math.max(0,(generalheight + currentimageheight + e.pageY - docheight - truebody().scrollTop));
		} else {
			ycoord += e.pageY;
		}

	}
	
	else if (typeof window.event != "undefined"){
		if (docwidth - event.clientX < 380){
			xcoord = event.clientX + truebody().scrollLeft - xcoord - 400; // Move to the left side of the cursor
		} else {
			xcoord += truebody().scrollLeft+event.clientX
		}
		if (docheight - event.clientY < (currentimageheight + generalheight)){
			ycoord += event.clientY + truebody().scrollTop - Math.max(0,(generalheight + currentimageheight + event.clientY - docheight));
		} else {
			ycoord += truebody().scrollTop + event.clientY;
		}
	}

	if(ycoord < 0) { ycoord = ycoord*-1; }
	document.getElementById('movingbox').style.left=xcoord+"px";
	document.getElementById('movingbox').style.top=ycoord+"px";

}