function fadeSlide(navLink, slideNav){
	var target = navLink.attr('hash');
	if( !$(target).is(':visible') ){
		$(target).siblings('li').fadeOut(500);
		$(target).fadeIn(500);
	}
	slideNav.find('a.current').removeClass('current');
	navLink.addClass('current');
	
}

$(function(){
	// homeslide
	$('#homeslide').css({opacity:0});
	
	var count = 0,
		header = $('#homeslide h3'),
		scroll = $('#homeslide ul').attr('id','slider'),
		slideNav = $('<ul id="slide_nav" class="right cfx"></ul>');
	
	$('#homeslide li').each(function(){		
		var id = $(this).attr('class');
		
		$(this).attr('id',id)
			.addClass('blue slide')
			.prepend(header.clone())
			.append('<img src="/img/hero/' + id + '.png" alt="" />').hide();
		
		count++;
				
		// add slide to nav
		slideNav.append('<li><a href="#' + id + '">' + count + '<span></span></a></li>');
		
		// cleanup	
		if( count == $('#homeslide li').length ){
			header.remove();
			var firstSlide = slideNav.find('li:first a');
			
			$('#homeslide').addClass('active')
				.removeClass('blue')
				.append(slideNav)
				.css({opacity:1});
			
			slideNav.find('a').click(function(){
				fadeSlide($(this), slideNav);
				return false;
			});
			
			fadeSlide(firstSlide, slideNav);
		}
	});
})