var t
var e

function $(x) {
	return document.getElementById(x)
}

function doRotate() {
	var images = ['home2_14_2.gif', 'home2_14_3.gif', 'home2_14_4.gif']
	var item = $('pic1').src.replace(/.*design\//, '')
	var place = images.getPlace(item)
	var next = (place == images.length-1 ? 0 : parseInt(place) +1)
	changeOpacity(95, 0, 'showNewImage', images[next])
}

function showNewImage(newImage) {
	e.src = '/design/' + newImage
	changeOpacity(5, 1, 'doRotate', 'nothing')
}

function changeOpacity(newOp, direction, callback, newImage) {
	if(document.all)
		e.style.filter = 'alpha(opacity=' + newOp + ')';
	else if(document.getElementById)
		e.style.setProperty('-moz-opacity', (newOp/100), null);
	if (newOp == 0) {
		t = setTimeout(callback + '("'+newImage+'")', 10)
	} else if (newOp == 100) {
		t = setTimeout('doRotate()', 3000)
	} else {
		if (direction == 1) {
			newOp = newOp + 5
		} else {
			newOp = newOp - 5
		}
		var newcall = 'changeOpacity(' + newOp + ', ' + direction + ', "' + callback + '", "' + newImage + '")'
		t = setTimeout(newcall, 50)
	}
}

window.onload = function() {
	e = $('pic1')
	try {
		document.execCommand('BackgroundImageCache', false, true);
	} catch(ex) {}
	//doRotate()
}

Array.prototype.getPlace = function(x) {
	for (i in this) {
		if (this[i] == x) {
			return i;
		}
	}	return false;
}