$(document).ready(function(){
	
	//Fix Errors - http://www.learningjquery.com/2009/01/quick-tip-prevent-animation-queue-buildup/
	$("#intro_hiphop").hide()
	$("#intro_rock").hide()
	//Remove outline from links
	$("a").click(function(){
		$(this).blur();
	});
	
	//When mouse rolls over
	$("#slide_right").mouseover(function(){
		$(this).stop().animate({left:'0px'},{queue:false, duration:600, easing: 'easeOutQuad'})
		$("#intro_rock").show()
	});
	
	//When mouse is removed
	$("#slide_right").mouseout(function(){
		$(this).stop().animate({left:'199px'},{queue:false, duration:600, easing: 'easeOutQuad'})
		$("#intro_rock").hide()
	});

	//When mouse rolls over
	$("#slide_left").mouseover(function(){
		$("#slide_right").stop().animate({left:'397px'},{queue:false, duration:600, easing: 'easeOutQuad'})
		$("#intro_hiphop").show()
	});
	
	//When mouse is removed
	$("#slide_left").mouseout(function(){
		$("#slide_right").stop().animate({left:'199px'},{queue:false, duration:600, easing: 'easeOutQuad'})
		$("#intro_hiphop").hide()
	});
	
});