$(document).ready(function() {
    $('#feature_pages').cycle({
		fx:     'scrollHorz', 
		speed:   350, 
		timeout: 0,
		next:   '#next', 
		prev:   '#prev',
	});

    $('#feature_images').cycle({
		fx:     'scrollHorz', 
		speed:   350, 
		timeout: 9000,
		before:	 before,
	});
	
	$('.feature_links img').click(function (){
    	document.location.href = jQuery(this).attr('rel');
    }).css('cursor', 'pointer');
	
	document.getElementById("nav_1").setAttribute("class","on")
	document.getElementById("nav_2").setAttribute("class","off")
	document.getElementById("nav_3").setAttribute("class","off")
	document.getElementById("nav_4").setAttribute("class","off")
	document.getElementById("nav_5").setAttribute("class","off")
	document.getElementById("nav_6").setAttribute("class","off")
	document.getElementById("nav_7").setAttribute("class","off")
	document.getElementById("nav_8").setAttribute("class","off")

	function before(a, b, c) {
		$(document).ready(function() {
			var w = (c.currSlide+2)
			if (w == 9)       {document.getElementById("nav_1").setAttribute("class","on");
							   $('#feature_pages').cycle(0); return false;}
			else 			  {document.getElementById("nav_1").setAttribute("class","off");}
			if (w == 2)       {document.getElementById("nav_2").setAttribute("class","on");}
			else 			  {document.getElementById("nav_2").setAttribute("class","off");}
			if (w == 3)       {document.getElementById("nav_3").setAttribute("class","on");}
			else 			  {document.getElementById("nav_3").setAttribute("class","off");}
			if (w == 4)       {document.getElementById("nav_4").setAttribute("class","on");}
			else 			  {document.getElementById("nav_4").setAttribute("class","off");}
			if (w == 5)       {document.getElementById("nav_5").setAttribute("class","on");
							   $('#feature_pages').cycle(1); return false;}
			else 			  {document.getElementById("nav_5").setAttribute("class","off");}
			if (w == 6)       {document.getElementById("nav_6").setAttribute("class","on");}
			else 			  {document.getElementById("nav_6").setAttribute("class","off");}
			if (w == 7)       {document.getElementById("nav_7").setAttribute("class","on");}
			else 			  {document.getElementById("nav_7").setAttribute("class","off");}
			if (w == 8)       {document.getElementById("nav_8").setAttribute("class","on");}
			else 			  {document.getElementById("nav_8").setAttribute("class","off");}
		})
	}
	
	$('.feature_nav li').click(function() { $('#feature_images').cycle('pause'); return false; } )
	$('#feature_images').click(function() { $('#feature_images').cycle('pause'); return false; } )
	
	$('#nav_1').click(function() { $('#feature_images').cycle(0); return false;})
	$('#nav_2').click(function() { $('#feature_images').cycle(1); return false;})
	$('#nav_3').click(function() { $('#feature_images').cycle(2); return false;})
	$('#nav_4').click(function() { $('#feature_images').cycle(3); return false;})
	$('#nav_5').click(function() { $('#feature_images').cycle(4); return false;})
	$('#nav_6').click(function() { $('#feature_images').cycle(5); return false;})
	$('#nav_7').click(function() { $('#feature_images').cycle(6); return false;})
	$('#nav_8').click(function() { $('#feature_images').cycle(7); return false;})

	$('#nav_1').click(function() {
		document.getElementById("nav_1").setAttribute("class","on")
		document.getElementById("nav_2").setAttribute("class","off")
		document.getElementById("nav_3").setAttribute("class","off")
		document.getElementById("nav_4").setAttribute("class","off")
		document.getElementById("nav_5").setAttribute("class","off")
		document.getElementById("nav_6").setAttribute("class","off")
		document.getElementById("nav_7").setAttribute("class","off")
		document.getElementById("nav_8").setAttribute("class","off")
	})
	
	$('#nav_2').click(function() {
		document.getElementById("nav_1").setAttribute("class","off")
		document.getElementById("nav_2").setAttribute("class","on")
		document.getElementById("nav_3").setAttribute("class","off")
		document.getElementById("nav_4").setAttribute("class","off")
		document.getElementById("nav_5").setAttribute("class","off")
		document.getElementById("nav_6").setAttribute("class","off")
		document.getElementById("nav_7").setAttribute("class","off")
		document.getElementById("nav_8").setAttribute("class","off")
	})

	$('#nav_3').click(function() {
		document.getElementById("nav_1").setAttribute("class","off")
		document.getElementById("nav_2").setAttribute("class","off")
		document.getElementById("nav_3").setAttribute("class","on")
		document.getElementById("nav_4").setAttribute("class","off")
		document.getElementById("nav_5").setAttribute("class","off")
		document.getElementById("nav_6").setAttribute("class","off")
		document.getElementById("nav_7").setAttribute("class","off")
		document.getElementById("nav_8").setAttribute("class","off")
	})

	$('#nav_4').click(function() {
		document.getElementById("nav_1").setAttribute("class","off")
		document.getElementById("nav_2").setAttribute("class","off")
		document.getElementById("nav_3").setAttribute("class","off")
		document.getElementById("nav_4").setAttribute("class","on")
		document.getElementById("nav_5").setAttribute("class","off")
		document.getElementById("nav_6").setAttribute("class","off")
		document.getElementById("nav_7").setAttribute("class","off")
		document.getElementById("nav_8").setAttribute("class","off")
	})

	$('#nav_5').click(function() {
		document.getElementById("nav_1").setAttribute("class","off")
		document.getElementById("nav_2").setAttribute("class","off")
		document.getElementById("nav_3").setAttribute("class","off")
		document.getElementById("nav_4").setAttribute("class","off")
		document.getElementById("nav_5").setAttribute("class","on")
		document.getElementById("nav_6").setAttribute("class","off")
		document.getElementById("nav_7").setAttribute("class","off")
		document.getElementById("nav_8").setAttribute("class","off")
	})

	$('#nav_6').click(function() {
		document.getElementById("nav_1").setAttribute("class","off")
		document.getElementById("nav_2").setAttribute("class","off")
		document.getElementById("nav_3").setAttribute("class","off")
		document.getElementById("nav_4").setAttribute("class","off")
		document.getElementById("nav_5").setAttribute("class","off")
		document.getElementById("nav_6").setAttribute("class","on")
		document.getElementById("nav_7").setAttribute("class","off")
		document.getElementById("nav_8").setAttribute("class","off")
	})

	$('#nav_7').click(function() {
		document.getElementById("nav_1").setAttribute("class","off")
		document.getElementById("nav_2").setAttribute("class","off")
		document.getElementById("nav_3").setAttribute("class","off")
		document.getElementById("nav_4").setAttribute("class","off")
		document.getElementById("nav_5").setAttribute("class","off")
		document.getElementById("nav_6").setAttribute("class","off")
		document.getElementById("nav_7").setAttribute("class","on")
		document.getElementById("nav_8").setAttribute("class","off")
	})
	
	$('#nav_8').click(function() {
		document.getElementById("nav_1").setAttribute("class","off")
		document.getElementById("nav_2").setAttribute("class","off")
		document.getElementById("nav_3").setAttribute("class","off")
		document.getElementById("nav_4").setAttribute("class","off")
		document.getElementById("nav_5").setAttribute("class","off")
		document.getElementById("nav_6").setAttribute("class","off")
		document.getElementById("nav_7").setAttribute("class","off")
		document.getElementById("nav_8").setAttribute("class","on")
	})
})