// JavaScript Document
var images_ar = new Array();
var images_count = 0;
var image_act = 0;
var isClicked = 0;

function Init(images) {
	images_ar = images.split(',');
	images_count = images_ar.length;
	
	ShowImage(0);
	ThumbBar();
	setTimeout("NextImage()", 4000);
}

function ShowImage(id) {
	document.getElementById('fullimage').innerHTML = '<img src="/media/520/'+images_ar[id]+'" width="700px" onclick="NextImage()" />';
	
	ImageEffect(20);
	setTimeout("ImageEffect(20)", 100);
	setTimeout("ImageEffect(40)", 200);
	setTimeout("ImageEffect(80)", 300);
	setTimeout("ImageEffect(100)", 400);
}

function ThumbBar() {
	document.getElementById('thumbbar').innerHTML = '';
	for(var x=0; x < images_count; x++) {
		document.getElementById('thumbbar').innerHTML += '<img src="/media/40/'+images_ar[x]+'" onclick="ChangeImage('+x+')" width="40" height="30" />';
	}
}

function NextImage() {
	if(!isClicked) {
		if(image_act + 1 < images_count) {
			image_act++;
			ShowImage(image_act);
		} else {
			image_act = 0;
			ShowImage(0);
		}
		setTimeout("NextImage()", 4000);
	}
}

function ChangeImage(id) {
	isClicked = 1;
	ShowImage(id);
}

function ImageEffect(opacity) {
	document.getElementById('fullimage').style.filter='Alpha(opacity='+opacity+')'; // IE
	document.getElementById('fullimage').style.MozOpacity=opacity/100; // Mozilla
}