// start animation upon page load

var startAnimation = 1;

function fade() {

	var current = $('#slideshow').find("img:visible");

	var next = $('#slideshow').find("img:visible").next();

	// at the last image, loop back to the first image

	if (next.length == 0) {

		next = $('#slideshow img:first-child');

	}

	current.fadeOut(1000, function() {

		$(this).css("visibility", "hidden");

		$(this).css("display", "none");

		next.css("visibility", "visible");

		//next.css("display", "inline");

		next.fadeIn(1000, function() {restart();} );

	});

}



function restart() {

	if (startAnimation) {

		fade();

	}

}

var tab_images = new Array();

var selected_tab_images = new Array();

var ro_tab_images = new Array();

for (i=1; i<=9; i++) {

	tab_images[i-1] = new Image();

	tab_images[i-1].src = "../images/tab_" + i + ".png";

	selected_tab_images[i-1] = new Image();

	selected_tab_images[i-1].src = "../images/tab_" + i + "_select.png";

	ro_tab_images[i-1] = new Image();

	ro_tab_images[i-1].src = "../images/tab_" + i + "_RO.png";

}



function switchTabImage(imageId, mode) {

	var imgId = "tour_tab_img_" + imageId;

	var img = document.getElementById(imgId);

	if (mode == 1) {

		img.src= ro_tab_images[imageId-1].src;

	} else if (mode == 2) {

		img.src= selected_tab_images[imageId-1].src;

	} else if (imageId <= 5) {

		var textId = "tour_text_" + imageId;

		var text = document.getElementById(textId);

		if (text.style.display == "block")

			img.src= selected_tab_images[imageId-1].src;
		else
			img.src= tab_images[imageId-1].src;

	} else {

		img.src= tab_images[imageId-1].src;

	}

}



function showTour(i) {

	document.getElementById('tour_top').className = "tour_top_class_" + i;
	document.getElementById('tour_bottom').className = "tour_bottom_class_" + i;
	
	for (j=1; j<=5; j++) {

		var imgId = "tour_tab_img_" + j;

		var img = document.getElementById(imgId);

		img.src= tab_images[j-1].src;

		var textId = "tour_text_" + j;

		var text = document.getElementById(textId);

		text.style.display = "none";

	}

	var imgId = "tour_tab_img_" + i;

	var img = document.getElementById(imgId);

	img.src= selected_tab_images[i-1].src;

	var textId = "tour_text_" + i;

	var text = document.getElementById(textId);

	text.style.display = "block";

}



function navTour(i) {

	var selectedIdx;


	for (j=1; j<=5; j++) {

		var imgId = "tour_tab_img_" + j;

		var img = document.getElementById(imgId);

		if (img.src == selected_tab_images[j-1].src) {

			selectedIdx = j;

		}

	}

	selectedIdx = (selectedIdx + 4  + i) % 5 + 1;

	showTour(selectedIdx);

}


function initialize_control() {

	

	var img1Control = $('#tour_tab_1');

	img1Control.click(function() {

		showImg("1");

		return false;

	});

	

	var img2Control = $('#tour_tab_2');

	img1Control.click(function() {

		showImg("2");

		return false;

	});

	

	var img3Control = $('#tour_tab_3');

	img1Control.click(function() {

		showImg("3");

		return false;

	});

	

	var img4Control = $('#tour_tab_4');

	img1Control.click(function() {

		showImg("4");

		return false;

	});

	

	var img5Control = $('#tour_tab_5');

	img1Control.click(function() {

		showImg("5");

		return false;

	});

}

/*$(document).ready(function() {
							 
	var textId = "tour_text_1";
	
	var text = document.getElementById(textId);
	
	text.style.display = "block";
	
});*/