$(document).ready(function(){
	//Slide show	
	$(".lightbox").lightbox();
	
	var slides = $("#mainSlide img");
	var thumbs = [$("#thumb3"), $("#thumb4"), $("#thumb5"), $("#thumb1"), $("#thumb2")];
	
	var timeout = setTimeout(slideShow, 6000);
	setEvents();
	setTitle();


	function slideShow() {
		var active = null;
		$(slides).each(function() {
			if($(this).hasClass(".active")) {
				active = $(this);			
			}
		});
		
		$(active).removeClass("active");
		
		
		if($(active).next().length != 0) {
			active = $(active).next().addClass("active");
		} else {
			active = $($(slides).get(0)).addClass("active");
		}
		
		$("#mainSlide").attr("href", $(active).attr("src"));
		
		setEvents();
		setTitle();
		
		$(slides).each(function(i){
			if($(this).hasClass(".active")) {
				makeActive(active, i);
			}			
		});
		
		timeout = setTimeout(slideShow, 6000);
	}
	
	
	function makeActive(div, i, clicked){
		var tmp = $(div).get(0);
		//thumb 3
		$($(thumbs).get(0)).attr("src", $(tmp).attr("src"));

		//thumb 4
		if($(tmp).next().length != 0) {
			$($(thumbs).get(1)).attr("src", $($(tmp).next()).attr("src"));
		} else {
			$($(thumbs).get(1)).attr("src", $($(slides).get(0)).attr("src"));
		}	
		
		//thumb 5		
		if($($(slides).get(i)).next().next().length == 0){
			if($($(slides).get(i)).next().length == 0){
				$($(thumbs).get(2)).attr("src", $($(slides).get(1)).attr("src"));
			} else {
				$($(thumbs).get(2)).attr("src", $($(slides).get(0)).attr("src"));
			}
		} else {
			$($(thumbs).get(2)).attr("src", $($($(slides).get(i)).next().next()).attr("src"));
		}
		
		//thumbs 1 & 2
		if(i - 1 <= 0 && clicked) {
			if(i == 0){
				//thumb 2
				$($(thumbs).get(4)).attr("src", $($(slides).get(slides.length - 1)).attr("src"));
				//thumb 1
				$($(thumbs).get(3)).attr("src", $($(slides).get(slides.length - 2)).attr("src"));
			} else {
				//thumb 2
				$($(thumbs).get(4)).attr("src", $($(slides).get(0)).attr("src"));
				//thumb 1
				$($(thumbs).get(3)).attr("src", $($(slides).get(slides.length - 1)).attr("src"));
			}			
		} else {
			//thumb 2
			$($(thumbs).get(4)).attr("src", $($($(slides).get(i)).prev()).attr("src"));

			//thumb 1
			if($($(slides).get(i)).prev().prev().length == 0){
				$($(thumbs).get(3)).attr("src", $($($(slides).get($(slides).length - 1))).attr("src"));
			} else {
				$($(thumbs).get(3)).attr("src", $($($(slides).get(i)).prev().prev()).attr("src"));
			}
		}	
	};
	
	function setTitle() {
		var slideTitle = $("#mainSlideTitle");
		var activeImg = null;
		
		$(slides).each(function() {
			if($(this).hasClass(".active")) {
				activeImg = $(this);			
			}
		});
		
		var activeSrc = $(activeImg).attr("src");
		var imgNum = activeSrc.split("/")[5].split(".")[0];
		var type = activeSrc.split("/")[4];
		var tmpString = type.substr(0,1).toUpperCase();
		tmpString += type.substring(1, type.length);

		$(slideTitle).load("../1/img/index/text/" + imgNum + ".txt", function(data){
			$("#mainSlideTitle p:first").append(", " + tmpString);
			$("#mainSlide").attr("name", $(this).html());
		});

	}
	
	function setEvents() {
		$(thumbs).each(function(i){
			$(this).unbind();
		
			$(this).bind("click", function(){
				var src = $(this).attr("src");

				$(slides).each(function(){
					$(this).removeClass("active");
				});

				$(slides).each(function(){
					if($(this).attr("src") == src) {
						$(this).addClass("active");
						$("#mainSlide").attr("href", $(this).attr("src"));
					}
				});

				var clicked = $(this);				
				var clickedSrc = $(this).attr("src");
				
				$(slides).each(function(i){
					if($(this).attr("src") == clickedSrc) {
						makeActive(this, i, true)
					}	
				});
				
				clearTimeout(timeout);
				timeout = setTimeout(slideShow, 6000);
				setTitle();
			});
		});
	}	
});