/*
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 timer;

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

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

function hide_it(){
	var elem=gettrailobjnostyle();
	elem.style.display="none";
}


function truebody(){
if(navigator.appName == "Microsoft Internet Explorer")
	{
		return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
	}
	else
	{
		return (!window.opera && window.netscape && 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,width,height){
	i = imagename
	t = title
	w = width
	h = height
	timer = setTimeout("show('"+i+"',t,w,h);",200);
}
function show(imagename,title,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+=0
		height+=0
		defaultimageheight = height
		defaultimagewidth = width
	
		document.onmousemove=followmouse; 

		
		newHTML = '<div class="border_preview" style="width:'+  width +'px;height:'+ height +'px;"><div id="loader_container"><div id="loader"><div id="loader_bg"><div id="progress"> </div></div></div></div>';
		newHTML = newHTML + '<h4 class="title_h4">' + ' '+title + '</h4>'
		
    	newHTML = newHTML + '<div class="preview_temp_load" style="backgroung:#fff;" ><img width="'+(width-30)+'px"  onload="javascript:remove_loading();" src="' + imagename + '" border="5"></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"

}

/* alt.js */

	var timerId = null
	var obj = new Array()

	function prepareShowAlt(event){
		idd = this.id
		if (idd.search("title_") == 0){
			idd = idd.substring(6)
			if ((typeof titles != "undefined") && (typeof titles[idd] != "undefined") && titles[idd].length > 0){
				text = titles[idd]
			}else{
				return;
			}
		}else{
			return
		}

		x = 0;
		y = 0;
		oX = 0;
		if (document.all){
			x = window.event.clientX
			y = window.event.clientY + document.body.scrollTop
		}else{
			x = event.clientX - oX
			y = event.clientY + window.scrollY
		}
		x += Math.round(xs[idd])
		y += Math.round(ys[idd])

		obj = new Array()
		obj[0] = text
		obj[1] = x
		obj[2] = y

		timerId = setTimeout("showAlt()", 500);
	}

	function showAlt(){
		text = obj[0]
		x = obj[1]
		y = obj[2]
		altd = document.getElementById('altDiv')
		altd.innerHTML = "<table cellpadding=3 cellspacing=0 style='background-color: #EEF6FF; border: solid #6A91B4 1px; font-family: tahoma;" + (text.length > 30 ? "width: 200px;" : "") +"'><tr><td style='color: #414041; font-size: 11px;'>" + text + "</td></tr></table>"
		altd.style.left = Math.min(x + 10,document.body.clientWidth-201)
		altd.style.top = y
		altd.style.display = 'inline'
	}

	function hideAlt(){
		obj = new Array()
		clearTimeout(timerId)
		altd = document.getElementById('altDiv')
		altd.innerHTML = ""
		altd.style.left = -100
		altd.style.top = -100
		altd.style.display = 'none'
	}

	function initAlts(){
		arr = document.getElementsByName('title')
		titles = new Array()
		xs = new Array()
		ys = new Array()
		for (i=0; i<arr.length; i++){
			itemm = arr.item(i)
			itemm.onmouseover = prepareShowAlt
			itemm.onmouseout = hideAlt
			itemm.id = "title_" + i
			titles[i] = itemm.title
			xs[i] = (typeof itemm.xs == 'undefined' ? 0 : itemm.xs)
			ys[i] = (typeof itemm.ys == 'undefined' ? 0 : itemm.ys)
			itemm.title = ""
		}
	}

/* loader.js */

var t_id = setInterval(animate,20);
var pos=0;
var dir=2;
var len=0;

function animate()
{
var elem = document.getElementById('progress');
if(elem != null) {
if (pos==0) len += dir;
if (len>32 || pos>79) pos += dir;
if (pos>79) len -= dir;
if (pos>79 && len==0) pos=0;
elem.style.left = pos;
elem.style.width = len;
}
}

function remove_loading() {
this.clearInterval(t_id);
var targelem = document.getElementById('loader_container');
targelem.style.display='none';
targelem.style.visibility='hidden';
var t_id = setInterval(animate,60);
}
////////////////////////////////////////////////////////////////

function ajaxFunction(url){
	var ajaxRequest;  // The variable that makes Ajax possible!
	
	try{
		// Opera 8.0+, Firefox, Safari
		ajaxRequest = new XMLHttpRequest();
	} catch (e){
		// Internet Explorer Browsers
		try{
			ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try{
				ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e){
				// Something went wrong
				alert("Your browser broke!");
				return false;
			}
		}
	}
	// Create a function that will receive data sent from the server
	ajaxRequest.onreadystatechange = function(){
		if(ajaxRequest.readyState == 4){
			var ajaxDisplay = document.getElementById('ajax_plot');
			ajaxDisplay.innerHTML = ajaxRequest.responseText;
		}
	}
	ajaxRequest.open("GET",url, true);
	ajaxRequest.send(null); 

}

function GetXmlHttpObject(handler)   
{   
   var objXMLHttp=null  
   if (window.XMLHttpRequest)   
   {   
       objXMLHttp=new XMLHttpRequest();   
   }   
   else if (window.ActiveXObject)   
   {   
       objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP");  
   }
   else    alert("ERROR: "); 
   return objXMLHttp   
}   
  
function stateChanged()   
{   
   if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")   
   {   
           document.getElementById("ajax_plot").innerHTML= xmlHttp.responseText;   
   }   
   else {   
//           alert("ERROR: "+xmlHttp.status);   
   }   
}   
  
// Will populate data based on input   
function htmlData(url)   
{   
ajaxFunction(url);     
   
}  

function htmlData2(url)   
{   
   if (url.length==0)   
   {   
       document.getElementById("ajax_plot").innerHTML="";   
       return;   
   }   
   xmlHttp=GetXmlHttpObject()   
   if (xmlHttp==null)   
   {   
       alert ("ERROR: Browser does not support HTTP Request");   
       return;   
   }   
  
  xmlHttp.onreadystatechange=fix_stateChanged; 
  xmlHttp.open("'GET'",url,true) ; 
  xmlHttp.send(null);   
     
   
}  

function fix_val(url)
{   

if (url.length==0)   
   {   
       document.getElementById("ajax_fix").innerHTML="";   
       return;   
   }   
   xmlHttp=get_elem()   
   if (xmlHttp==null)   
   {   
       alert ("ERROR: Browser does not support HTTP Request");   
       return;   
   }   
  
  xmlHttp.onreadystatechange=fix_stateChanged; 
  xmlHttp.open("'GET'",url,true) ; 
  xmlHttp.send(null);   
     

}

function get_elem()
{
	var ajaxRequest;  // The variable that makes Ajax possible!
	
	try{
		// Opera 8.0+, Firefox, Safari
		ajaxRequest = new XMLHttpRequest();
	} catch (e){
		// Internet Explorer Browsers
		try{
			ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try{
				ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e){
				// Something went wrong
				alert("Your browser broke!");
				return false;
			}
		}
	}
return ajaxRequest;
}
function fix_stateChanged()
{   
   if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")   
   {   
           document.getElementById("ajax_fix").innerHTML= xmlHttp.responseText;   
   }   
   else {   
//           alert("ERROR: "+xmlHttp.status);   
   }   
}   

//fix_val(\'ewajaxbitch.php?fix=1&value=\'+this.value+\'&indi='.$indi2.'\')
/*
« JavaScript Social Security Number ValidationJavaScript XMLHttpRequest send Method: send a URL in Ajax »JavaScript XMLHttpRequest open Method: Calling a URL in Ajax
In JavaScript, to call a URL for usage in an Ajax application, an XMLHttpRequest object must be created. This was described in a previous post:

JavaScript: Creating XMLHttpRequest object for Ajax

Once the XMLHttpRequest (XHR) object is created, a URL can be called by using the XHR’s open method, as follows:

objXHR.open('GET','http://myURL.com',true);

The three parameters passed to the open method are as follows:

1: The method by which the HTTP should be retrieved: GET or POST
2: The requested URL. A relative or absolute URL may be used here. If an absolute URL is being used, most browsers implement a same-origin policy, meaning the URL being requested must be on the same domain as the domain from which the URL is being requested.
3: How the request should be issued: True for asynchronous; False for synchronous.

After the XHR object has opened a request, send the request.

Ads by Google

XML Editor - XMLSpy
XML, DTD, Schema, XSLT, WSDL, SOAP Fully Functional 30 Day Trial
www.Altova.com/XMLSpyThe friendly xml editor
Editing xml is difficult. Xopus makes it simple.
xopus.comFree AJAX applications
Generate database & reporting apps straight from your database! Try it


*/