var featuredIndex = 4;

function setimage(index) {
	index = 4-index;
	$("div.reel").find("div.inner").animate({
		left: -448*index
	}, 500 );
	
}
function setcontent(index) {
	index = 4-index;
	$("div#content").find("div.inner").animate({
		left: -448*index
	}, 500 );
	
}

function animateFeatures() {
	
	setimage(featuredIndex);
	setcontent(featuredIndex);
	
	$("ul#slidermenu").find("a").each(function(){
		$(this).find('img').removeClass('selected')
		$(this).attr("href", "#")

		if($(this).attr('rel') == featuredIndex) {
			$(this).find('img').addClass('selected')
			$(this).attr("href", $(this).attr("link"))
		}
		
	});
			
	featuredIndex--;
	
	if(featuredIndex == 0)
		featuredIndex = 4;
	
}

$(document).ready(function(){
	
	setInterval('animateFeatures()', 7000);
	
	$('ul#slidermenu').find('a').click(function(){
		
		if ($(this).find('img').attr("class") == "selected") {
			window.location = $(this).attr("link")
		}
		
		$('ul#slidermenu').find('img').removeClass('selected')
		$('ul#slidermenu').find('a').attr("href", "#")
		
		$(this).find('img').addClass('selected')
		$(this).attr("href", $(this).attr("link"))
		
		
		setimage($(this).attr('rel'))
		setcontent($(this).attr('rel'))
		return false;
		
	});
});