var hc = {
	first : 'true',
	init : function(){
		this.run();	
	},
	run : function(){
		$('ul#chooser li').hoverIntent(function(){
			$('ul#chooser li.on').removeClass('on');		
			if(hc.first){
				$('div#slider div#' + $(this).attr('id') + 'Slide').css('zIndex', 10).animate({
					width: "100%",
					marginLeft: "0"
				}, 400, function(){
					$(this).addClass('on');	
				})
				$('div#slider div#' + $(this).attr('id') + 'Slide img').animate({
					marginLeft: "0"						 
				}, 400);
				$('div#slider div.slide:not(div#' + $(this).attr('id') + 'Slide)').fadeOut('fast');
				hc.first = false;
			}else{	
				$('div#slider div.on').fadeOut('fast', function(){
					$(this).removeClass('on');
				});
				$('div#slider div#' + $(this).attr('id') + 'Slide').addClass('on').fadeIn('fast')
			}
			$(this).addClass('on');
		}, function(){});
	}
}


function initialize(){
	hc.init();
}

$(document).ready(function(){
	initialize();						   
});