var active_image = 1;
var tmo;
var tmo2;
var opSpeed = 0.5;


function setElementOpacity (elem, nOpacity) {
	var opacityProp = getOpacityProperty();
	if (!elem || !opacityProp) return;
	if (opacityProp=="filter") {
		nOpacity *= 100;
		var oAlpha = elem.filters['DXImageTransform.Microsoft.alpha'] || elem.filters.alpha;
		if (oAlpha) oAlpha.opacity = nOpacity;
			else elem.style.filter += "progid:DXImageTransform.Microsoft.Alpha(opacity="+nOpacity+")";
	} else elem.style[opacityProp] = nOpacity;
}

function getOpacityProperty() {
	if (typeof document.body.style.opacity == 'string') return 'opacity';
	else if (typeof document.body.style.MozOpacity == 'string') return 'MozOpacity';
	else if (typeof document.body.style.KhtmlOpacity == 'string') return 'KhtmlOpacity';
	else if (document.body.filters && navigator.appVersion.match(/MSIE ([\d.]+);/)[1]>=5.5) return 'filter';
	return false;
}

function setLoopOpacity (elem, nOpacity) {
	obj = document.getElementById('mainimage' + elem);
	if (nOpacity > 0) {
		nOpacity = nOpacity - opSpeed;
		setElementOpacity (obj, nOpacity);
		tmo2 = window.setTimeout('setLoopOpacity(' + elem + ', ' + nOpacity + ')', 100);
		return;
	}
	window.clearTimeout(tmo2);
	if (active_image == 1) {
			document.getElementById('mainimage1').style.zIndex = '1';
			document.getElementById('mainimage2').style.zIndex = '2';
			setElementOpacity(document.getElementById('mainimage1'), 1);
			active_image = 2;
	} else {
			document.getElementById('mainimage1').style.zIndex = '2';
			document.getElementById('mainimage2').style.zIndex = '1';
			setElementOpacity(document.getElementById('mainimage2'), 1);
			active_image = 1;
	}
}

function carsShow(obj, img) {
	obj.getElementsByTagName('div')[0].style.visibility='visible';
	obj.getElementsByTagName('img')[0].style.visibility='hidden';

	tmo = window.setTimeout('carsChangeBG("'+img+'");', 500);
}

function carsHide(obj) {
	window.clearTimeout(tmo);
	obj.getElementsByTagName('div')[0].style.visibility='hidden';
	obj.getElementsByTagName('img')[0].style.visibility='visible';
}

function carsChangeBG(img) {
//	alert(123);
	if (active_image == 1) {
		document.getElementById('mainimage2').src = img;
		document.getElementById('mainimage2').onload = function () {
		    setLoopOpacity(1, 1);
		}
	} else {
		document.getElementById('mainimage1').src = img;
		document.getElementById('mainimage1').onload = function () {
		    setLoopOpacity(2, 1);
		}
	}
}

function initCords () {
	oHeight = document.getElementById('mainimage2').clientHeight;
	oOffset = 366 - (oHeight/63*35);
	if (oOffset < 0) {
		document.getElementById('mainimage1').style.top = oOffset + 'px';
		document.getElementById('mainimage2').style.top = oOffset + 'px';
	}
}

addEvent(window, 'load', initCords);
addEvent(window, 'resize', initCords);