var trailer = {
	count: 0,
	delay: 6000,
	current: 0,
	index: 0,
	active: 0,
	items: [],
	done: true,
	play: true,
	i: 0,
	j: 0,
	init: function (id, count) {
		try {
			if (document.getElementById('trailer-button-' + id)) {
				trailer.count = count;
				trailer.index = trailer.count - 1;
				trailer.current = trailer.items[trailer.index].id;
				document.getElementById('trailer-button-' + id).className = 'trailer-button trailer-button-grey';
				trailer.changeImageToID(id);

				var i, iid;
				for (i = 0; i < trailer.count; i++) {
					iid = trailer.items[i].id;
					document.getElementById('trailer-fader-container-' + iid).style.zIndex = 0;
					document.getElementById('trailer-fader-head-' + iid).style.zIndex = 0;
					document.getElementById('trailer-fader-body-' + iid).style.zIndex = 0;
				}

				document.getElementById('trailer-fader-container-' + id).style.zIndex = 3;
				document.getElementById('trailer-fader-head-' + id).style.zIndex = 4;
				document.getElementById('trailer-fader-body-' + id).style.zIndex = 4;

				setTimeout("trailer.presentation()", trailer.delay);
			} else {
				setTimeout("trailer.init('" + id + "', '" + count + "')", 100);
			}
		} catch (err) {
			setTimeout("trailer.init('" + id + "', '" + count + "')", 100);
		}
	},
	changeImageToID: function (id) {
		if ((trailer.done == false || trailer.current == id) && trailer.active != id)
			return;

		if (trailer.done == true) {
			trailer.active = id;
			trailer.done = false;
			//trailer.i = 10;
			trailer.j = 90;

			var im1 = document.getElementById('trailer-image-' + trailer.current);
			var im2 = document.getElementById('trailer-image-' + id);

			im2.style.zIndex = 1;
			im1.style.zIndex = 2;

			trailer.changeOpacity(100, 'trailer-image-' + trailer.current);
			trailer.changeOpacity(100, 'trailer-image-' + id);

			document.getElementById('trailer-button-' + id).className = 'trailer-button trailer-button-grey';
			document.getElementById('trailer-button-' + trailer.current).className = 'trailer-button trailer-button-white';

			var i, iid;
			for (i = 0; i < trailer.count; i++) {
				iid = trailer.items[i].id;
				document.getElementById('trailer-fader-container-' + iid).style.zIndex = 0;
				document.getElementById('trailer-fader-head-' + iid).style.zIndex = 0;
				document.getElementById('trailer-fader-body-' + iid).style.zIndex = 0;
			}

			document.getElementById('trailer-fader-container-' + id).style.zIndex = 3;
			document.getElementById('trailer-fader-head-' + id).style.zIndex = 4;
			document.getElementById('trailer-fader-body-' + id).style.zIndex = 4;
		}

		//var im1 = document.getElementById('trailer-image-' + trailer.current);
		//var im2 = document.getElementById('trailer-image-' + id);

		//trailer.changeOpacity(trailer.j, 'trailer-image-' + trailer.current);
		trailer.changeOpacity(trailer.j, 'trailer-image-' + trailer.current);
        	//trailer.changeOpacity(trailer.i, 'trailer-image-' + id);
		//trailer.i += 10;
		trailer.j -= 10;

		//alert(id);

		if (trailer.j < 0) {
			trailer.done = true;
			trailer.current = id;
			trailer.active = 0;
		}
		if (trailer.done == false) {
			setTimeout("trailer.changeImageToID('" + id + "')", 30);
		}
	},
	pausePlay: function () {
		if (trailer.play) {
			document.getElementById('trailer-button-control').className = 'trailer-button trailer-button-play';
			trailer.play = false;
		} else {
			document.getElementById('trailer-button-control').className = 'trailer-button trailer-button-pause';
			trailer.play = true;
		}
	},
	presentation: function () {
		if (trailer.play) {
			trailer.index += 1;
			trailer.changeImageToID(trailer.items[trailer.index % trailer.count].id);
		}
		setTimeout("trailer.presentation()", trailer.delay);
	},
	changeOpacity: function(opacity, id) {
		var object = document.getElementById(id).style;
		object.opacity = (opacity / 100);
		object.MozOpacity = (opacity / 100);
		object.KhtmlOpacity = (opacity / 100);
		object.filter = "alpha(opacity=" + opacity + ")";
	}
};

dom.aE(window, 'load', trailer.init, true);