$(function() {	
		
	// Preload slides
	$.preloadImages($("#ss_img_arr").html());
	
	// Setup first slide
	$("#ss_title").html($("#1").attr("title"));
	$("#ss_desc").html($("#1").attr("name"));
	$("#ss_click").attr('name', $("#1").attr('linkto'));
	
	function clear_active_slide() {
		$(".ss_img").removeClass("active").hide();
		$(".ss_marker").removeClass("ss_marker_active");
	}
	
	function activate_next_slide(target) {
		$("#"+target).addClass("active").fadeIn();
		$("#ss_title").html($("#"+target).attr('title'));
		$("#ss_desc").html($("#"+target).attr('name'));
		$(".ss_marker[name='"+target+"']").addClass("ss_marker_active");
		$("#ss_click").attr('name', $("#"+target).attr('linkto'));
	}


	var ss = function ss_loop() {
			var active = $(".active").attr('id'),
				next = parseInt(active)+1,
				slides = $("#ss_img_frame").children().length,
				target;
			
			// Clear active slide
			clear_active_slide();
			
			// Set target slide
			if(next > slides) {				
				target = 1;
			} else {
				target = next;
			}
			
			// Activate next slide
			activate_next_slide(target);
		},
		ss_timeout = 5000,
		ss_loop = setInterval(ss, ss_timeout);
	
	/* ====  DELETE TO ACTIVATE SS ====
	var ss_timeout = 3000,
		ss_loop = setInterval(ss, ss_timeout);
	==== END ====  */

	
	// Wire prev button
	$(".prev").click(function() {
		
		var active = $(".active").attr('id'),
			prev = parseInt(active)-1,
			slides = $("#ss_img_frame").children().length,
			target;
		
		// Stop slideshow
		clearInterval(ss_loop);
		
		// Clear active slide
		clear_active_slide();
		
		// Set target slide
		if(prev === 0) {				
			target = slides;					
		} else {					
			target = prev;
		}
		
		// Activate next slide
		activate_next_slide(target);
		
		// Re-start slideshow
		ss_loop = setInterval(ss, ss_timeout);
	});
	
	// Wire next button
	$(".next").click(function() {
	
		var active = $(".active").attr('id'),
			next = parseInt(active)+1,
			slides = $("#ss_img_frame").children().length,
			target;
			
		// Stop slideshow
		clearInterval(ss_loop);
		
		// Clear active slide
		clear_active_slide();
		
		// Set target slide
		if(next > slides) {
			target = 1;
		} else {					
			target = next;
		}
		
		// Activate next slide
		activate_next_slide(target);
		
		// Re-start slideshow
		ss_loop = setInterval(ss, ss_timeout);
	});
	
	// Wire slide selection button
	$(".ss_marker").click(function() {
	
		var target = $(this).attr('name'),
			title = $("#"+target).attr('title'),
			desc = $("#"+target).attr('name');

		// Stop slideshow
		clearInterval(ss_loop);
		
		// Clear active slide
		clear_active_slide();
		
		// Activate next slide
		activate_next_slide(target);
		
		// Re-start slideshow
		ss_loop = setInterval(ss, ss_timeout);
	});
	
	$("#ss_click").click(function() {
		var url = $(this).attr('name');
		window.location = url;
	});
});