function Change(el, cssName, cColor)
{
	with(el)
	{
		className = cssName;
		style.cursor = 'pointer';
	}
}

var currentIndex = 0;

MyImages=new Array();


MyImages[0]= 'images/cars/hp_audi.jpg';
MyImages[1]= 'images/cars/hp_lamborghini.jpg';
MyImages[2]= 'images/cars/hp_volvo.jpg';
MyImages[3]= 'images/cars/hp_micra.jpg';
MyImages[4]= 'images/cars/hp_astonm.jpg';
MyImages[5]= 'images/cars/hp_chrysler.jpg';
MyImages[6]= 'images/cars/hp_jaguar.jpg';
MyImages[7]= 'images/cars/hp_honda.jpg';

function preLoader()
{
	imagesPreloaded = new Array(8);
	
	for (var i = 0; i < MyImages.length ; i++) 
	{
		imagesPreloaded[i] = new Image(400,270)
		imagesPreloaded[i].src=MyImages[i]
	}
	
	//document.all.CarSlideShow.src=imagesPreloaded[currentIndex].src

}

function AutoLoadImage(fst)
{
	//alert(imagesPreloaded.length);
	if(currentIndex < (imagesPreloaded.length - 1))
	{
		currentIndex = currentIndex + 1;
	}
	else
	{
		currentIndex = 0;
	} 
	
	if(fst==1)
		fst=2
	else
		initImage("CarSlideShow", 1);
		
	var delay = setTimeout("AutoLoadImage()",7500)

}

/* Image fader */

function initImage(imageId, Opt) {
	//alert(imageId.id);
	image = document.getElementById(imageId);
	setOpacity(image, 0);
	image.style.visibility = "visible";
	if(Opt == 0)
		fadeIn(imageId,0);
	else
		fadeOut(imageId,100);
		
}

function fadeIn(objId,opacity) {
	if (document.getElementById) {
		obj = document.getElementById(objId);
		if (opacity <= 100) {
			setOpacity(obj, opacity);
			opacity += 10;
			window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 15);
		}
	}
}

function fadeOut(objId,opacity) {
	if (document.getElementById) {
		obj = document.getElementById(objId);
		if (opacity >= 0) {
			setOpacity(obj, opacity);
			opacity -= 10;
			window.setTimeout("fadeOut('"+objId+"',"+opacity+")", 15);
		}
		else {
			document.all.CarSlideShow.src=imagesPreloaded[currentIndex].src
			initImage("CarSlideShow", 0);
		}
	}
}

function setOpacity(obj, opacity) {
	opacity = (opacity == 100)?99.999:opacity;
	// IE/Win
	obj.style.filter = "alpha(opacity:"+opacity+")";
	// Safari<1.2, Konqueror
	obj.style.KHTMLOpacity = opacity/100;
	// Older Mozilla and Firefox
	obj.style.MozOpacity = opacity/100;
	// Safari 1.2, newer Firefox and Mozilla, CSS3
	obj.style.opacity = opacity/100;
}
