//---------------------------------------------------------------------------------------------TOOLS

function showhide(item)
{
	 item = document.getElementById(item);
    
     if (item.style.display == "") item.style.display = "none";
     else item.style.display = "";
}

//--------------------------------------------------------------------------------------------------


//----------------------------------------------------------------------------------------------AJAX

function ajax_post(url, form) 
{
	var postdata = getString(form);

    if (window.XMLHttpRequest) // Mozilla, Safari,... 
	{
		http_request = new XMLHttpRequest();
		if (http_request.overrideMimeType) http_request.overrideMimeType('text/xml');
	}
	else if (window.ActiveXObject) // IE 
	{
		try 
		{
			http_request = new ActiveXObject("Msxml2.XMLHTTP");
		} 
		catch (e) 
		{
			try 
			{
				http_request = new ActiveXObject("Microsoft.XMLHTTP");
			} 
			catch (e) {}
		}
	}

	if (!http_request) 
	{
		alert('Error! Cannot create an XMLHTTP instance.');
		return false;
	}

	http_request.onreadystatechange = function() { showContents(http_request); };
	http_request.open("POST", url, true);
	http_request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	http_request.send(postdata);
	
	if(form == "callback_f")
	{
		//clear_form(form);
		//showhide("callback"); 
		//collapse1.slideit();
	}
	
	if(form == "contact_f")
	{
		//clear_form(form);
	}
}

function clear_form(form)
{
	var form = document.forms[form];
	
	for (i = 0; i < form.elements.length; i++) form.elements[i].value = '';
}

function getString(form) 
{
	var string = "";
	var form = document.forms[form];
	
	for (i = 0; i < form.elements.length; i++) 
	{
		name = form.elements[i].name;
		value = form.elements[i].value;
			
		if (value && name) 
		{
			if (i != 0) string += "&";
			if (form.elements[i].type == "checkbox" || form.elements[i].type == "radio") 
			{
				if (form.elements[i].checked) string += name+"="+value;
			}
			else string += name+"="+value;
		}
	}
	
	return string;
}

function showContents(http_request) 
{
	if (http_request.readyState == 1) { fade(); }
	if (http_request.readyState == 4) 
	{
		if (http_request.status == 200) 
		{
			document.getElementById("result").innerHTML = http_request.responseText;
		} 
		else 
		{
			alert('Error. There was a problem with the request.');
		}
	}
}

function IntToHex(n) 
{
	var result = n.toString(16);
	if (result.length == 1) result = "0" + result;
	
	return result;
}


var startColorR = 0; var endColorR = 255;
var startColorG = 0; var endColorG = 255;
var startColorB = 0; var endColorB = 255;
var step = 3;
var curentR = startColorR;
var curentG = startColorG;
var curentB = startColorB;

function fade() 
{
	if (http_request.readyState == 1) 
	{	
		if (curentR > endColorR) curentR = endColorR;
		if (curentR < startColorR) curentR = startColorR;
		if (curentG > endColorG) curentG = endColorG;
		if (curentG < startColorG) curentG = startColorG;
		if (curentB > endColorB) curentB = endColorB;
		if (curentB < startColorB) curentB = startColorB;

		var color = "#" + IntToHex(curentR) + IntToHex(curentG) + IntToHex(curentB);
		
		document.getElementById("result").innerHTML = "<span style=\"color: "+color+"; font-weight: normal;\">Please wait, sending...</span>";
		
		curentR += step;
		curentG += step;
		curentB += step;
		
		if (curentR >= endColorR) 
		{
			step = -3;
		}
		if (curentR <= startColorR) 
		{
			step = 3;
		}
		if (http_request.readyState == 1) 
		{
			setTimeout("fade()", 1);
		}
	}
}

//--------------------------------------------------------------------------------------------------


var uniquepageid=window.location.href.replace("http://"+window.location.hostname, "").replace(/^\//, "") //get current page path and name, used to uniquely identify this page for persistence feature

function animatedcollapse(divId, animatetime, persistexpand, initstate){
	this.divId=divId
	this.divObj=document.getElementById(divId)
	this.divObj.style.overflow="hidden"
	this.timelength=animatetime
	this.initstate=(typeof initstate!="undefined" && initstate=="block")? "block" : "contract"
	this.isExpanded=animatedcollapse.getCookie(uniquepageid+"-"+divId) //"yes" or "no", based on cookie value
	this.contentheight=parseInt(this.divObj.style.height)
	var thisobj=this
	if (isNaN(this.contentheight)){ //if no CSS "height" attribute explicitly defined, get DIV's height on window.load
		animatedcollapse.dotask(window, function(){thisobj._getheight(persistexpand)}, "load")
		if (!persistexpand && this.initstate=="contract" || persistexpand && this.isExpanded!="yes") //Hide DIV (unless div should be expanded by default, OR persistence is enabled and this DIV should be expanded)
			this.divObj.style.visibility="hidden" //hide content (versus collapse) until we can get its height
	}
	else if (!persistexpand && this.initstate=="contract" || persistexpand && this.isExpanded!="yes") //Hide DIV (unless div should be expanded by default, OR persistence is enabled and this DIV should be expanded)
		this.divObj.style.height=0 //just collapse content if CSS "height" attribute available
	if (persistexpand)
		animatedcollapse.dotask(window, function(){animatedcollapse.setCookie(uniquepageid+"-"+thisobj.divId, thisobj.isExpanded)}, "unload")
}

animatedcollapse.prototype._getheight=function(persistexpand){
	this.contentheight=this.divObj.offsetHeight
	if (!persistexpand && this.initstate=="contract" || persistexpand && this.isExpanded!="yes"){ //Hide DIV (unless div should be expanded by default, OR persistence is enabled and this DIV should be expanded)
		this.divObj.style.height=0 //collapse content
		this.divObj.style.visibility="visible"
	}
	else //else if persistence is enabled AND this content should be expanded, define its CSS height value so slideup() has something to work with
		this.divObj.style.height=this.contentheight+"px"
}


animatedcollapse.prototype._slideengine=function(direction){
	var elapsed=new Date().getTime()-this.startTime //get time animation has run
	var thisobj=this
	if (elapsed<this.timelength){ //if time run is less than specified length
		var distancepercent=(direction=="down")? animatedcollapse.curveincrement(elapsed/this.timelength) : 1-animatedcollapse.curveincrement(elapsed/this.timelength)
	this.divObj.style.height=distancepercent * this.contentheight +"px"
	this.runtimer=setTimeout(function(){thisobj._slideengine(direction)}, 10)
	}
	else{ //if animation finished
		this.divObj.style.height=(direction=="down")? this.contentheight+"px" : 0
		this.isExpanded=(direction=="down")? "yes" : "no" //remember whether content is expanded or not
		this.runtimer=null
	}
}


animatedcollapse.prototype.slidedown=function(){
	if (typeof this.runtimer=="undefined" || this.runtimer==null){ //if animation isn't already running or has stopped running
		if (isNaN(this.contentheight)) //if content height not available yet (until window.onload)
			alert("Please wait until document has fully loaded then click again")
		else if (parseInt(this.divObj.style.height)==0){ //if content is collapsed
			this.startTime=new Date().getTime() //Set animation start time
			this._slideengine("down")
		}
	}
}

animatedcollapse.prototype.slideup=function(){
	if (typeof this.runtimer=="undefined" || this.runtimer==null){ //if animation isn't already running or has stopped running
		if (isNaN(this.contentheight)) //if content height not available yet (until window.onload)
			alert("Please wait until document has fully loaded then click again")
		else if (parseInt(this.divObj.style.height)==this.contentheight){ //if content is expanded
			this.startTime=new Date().getTime()
			this._slideengine("up")
		}
	}
}

animatedcollapse.prototype.slideit=function(){

	if (isNaN(this.contentheight)) //if content height not available yet (until window.onload)
		alert("Please wait until document has fully loaded then click again")
	else if (parseInt(this.divObj.style.height)==0)
		this.slidedown()
	else if (parseInt(this.divObj.style.height)==this.contentheight)
		this.slideup()
	showhide("result");
}

// -------------------------------------------------------------------
// A few utility functions below:
// -------------------------------------------------------------------

animatedcollapse.curveincrement=function(percent){
	return (1-Math.cos(percent*Math.PI)) / 2 //return cos curve based value from a percentage input
}


animatedcollapse.dotask=function(target, functionref, tasktype){ //assign a function to execute to an event handler (ie: onunload)
	var tasktype=(window.addEventListener)? tasktype : "on"+tasktype
	if (target.addEventListener)
		target.addEventListener(tasktype, functionref, false)
	else if (target.attachEvent)
		target.attachEvent(tasktype, functionref)
}

animatedcollapse.getCookie=function(Name){ 
	var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair
	if (document.cookie.match(re)) //if cookie found
		return document.cookie.match(re)[0].split("=")[1] //return its value
	return ""
}

animatedcollapse.setCookie=function(name, value, days){
	if (typeof days!="undefined"){ //if set persistent cookie
		var expireDate = new Date()
		var expstring=expireDate.setDate(expireDate.getDate()+days)
		document.cookie = name+"="+value+"; expires="+expireDate.toGMTString()
	}
	else //else if this is a session only cookie
		document.cookie = name+"="+value
}