///////////////////////////////////////////////////////////////////////
//     This fade library was designed by Erik Arvidsson for WebFX    //
//                                                                   //
//     For more info and examples see: http://webfx.eae.net          //
//     or contact Erik at http://webfx.eae.net/contact.html#erik     //
//                                                                   //
//     Feel free to use this code as lomg as this disclaimer is      //
//     intact.                                                       //
///////////////////////////////////////////////////////////////////////

window.status = "Loading fade package...";

var fadeSteps = 4;				// Number of steps to loop
var fademsec = 25;				// The time between each step (note that most computer have problem
								// handling to small values due to hardware limitations)


var fadeArray = new Array();	// Needed to keep track of wich elements are animating

//////////////////  fade  ////////////////////////////////////////////////////////////
//                                                                                  //
//   parameter: fadeIn                                                              //
// description: A boolean value. If true the element fades in, otherwise fades out  //
//              The steps and msec are optional. If not provided the default        //
//              values are used                                                     //
//                                                                                  //
//////////////////////////////////////////////////////////////////////////////////////

function fade(el, fadeIn, steps, msec, imageSrc) {

	if (steps == null) steps = fadeSteps;
	if (msec == null) msec = fademsec;
	
	if (el.fadeIndex == null)
		el.fadeIndex = fadeArray.length;
	fadeArray[el.fadeIndex] = el;
	
	
	
//document.getElementById("tabledescription").innerHTML=thetext 

	browserdetect=el.filters? "ie" : typeof el.style.MozOpacity=="string"? "mozilla" : ""
	
	if (el.fadeStepNumber == null) {
		if (el.style.display == "none")
			el.fadeStepNumber = 0;
		else
			el.fadeStepNumber = steps;
		if (fadeIn)
			if (browserdetect=="mozilla")
				el.style.MozOpacity=0;
			else
				el.style.filter = "Alpha(Opacity=0)";
		else
			if (browserdetect=="mozilla")
				el.style.MozOpacity=100;
			else
				el.style.filter = "Alpha(Opacity=100)";
	}
	if(imageSrc!='0'){
		window.setTimeout("repeatFade(" + fadeIn + "," + el.fadeIndex + "," + steps + "," + msec + ",'" + imageSrc + "')", msec);
	}else{
		window.setTimeout("repeatFade(" + fadeIn + "," + el.fadeIndex + "," + steps + "," + msec + ",'0')", msec);
	}
}

//////////////////////////////////////////////////////////////////////////////////////
//  Used to iterate the fading

function repeatFade(fadeIn, index, steps, msec, imageSrc) {
	el = fadeArray[index];
	c = el.fadeStepNumber;
	if (el.fadeTimer != null)
		window.clearTimeout(el.fadeTimer);
	if ((c == 0) && (!fadeIn)) {			//Done fading out!
		el.style.display = "none";		// If the platform doesn't support filter it will hide anyway
//		el.style.filter = "";
		if(imageSrc!='0'){

//			var pos=el.id.split("_option");
			document.getElementById("car_image").src=imageSrc;
			document.getElementById("car_image").onload=function(){
				document.getElementById("car_image").removeAttribute("height");
				var h=document.getElementById("car_image").height;
				if(document.getElementById("car_image").height>123){
					document.getElementById("car_image").height=123;
				}else{
					document.getElementById("car_image").height=h;
				}
			}
		}
		return;
	}
	else if ((c==steps) && (fadeIn)) {	//Done fading in!
//		el.style.filter = "";
		el.style.display = "block";
		return;
	}
	else {
//		browserdetect=el.filters? "ie" : typeof el.style.MozOpacity=="string"? "mozilla" : ""
		(fadeIn) ? 	c++ : c--;
		el.style.display = "block";
		if (browserdetect=="mozilla"){
			el.style.MozOpacity=c/steps;
		}else{
			el.style.filter = "Alpha(Opacity=" + 100*c/steps + ")";
		}
		el.fadeStepNumber = c;
		if(imageSrc!='0')
			el.fadeTimer = window.setTimeout("repeatFade(" + fadeIn + "," + index + "," + steps + "," + msec + ",'" + imageSrc +  "')", msec);
		else
			el.fadeTimer = window.setTimeout("repeatFade(" + fadeIn + "," + index + "," + steps + "," + msec + ",'0')", msec);
	}
}

function bodyOnClick(count){
	for(var j=0; j<=count; j++){
		if(document.getElementById('drop_elements'+j).style.display=='block' && document.getElementById('drop_elements'+j).pressed_flag!=true){
			fade(document.getElementById('drop_elements'+j), false, 3, 50, '0');
		}
		document.getElementById('drop_elements'+j).pressed_flag = false;
	}
}

window.status = "";