// JavaScript Document

var $j = jQuery.noConflict();


$j(function(){

  // this is what is handling the navigation fades
  
 

  $j('#nav ul li a')
	.css( {backgroundPosition: "-20px 95px"} )
	.mouseover(function(){
	$j(this).stop().animate({backgroundPosition:"(-20px 34px)"}, {duration:700})
	
	
	// swap out image in headline
	$j('#headline').css('backgroundImage','url(http://www.andysowards.com/blog/wp-content/themes/andysowardsv2/images/headline-quote-' + $j(this).attr("class") + '.png)')
	
	//$j('#headline').stop().animate({backgroundPosition:"(0px -18px)"}, {duration:800})
	//
	//$j('#headline').stop().animate({backgroundPosition:"(0px 0px)"}, {duration:800})
	
	
	 })
	.mouseout(function(){
	$j(this).stop().animate({backgroundPosition:"(40px 95px)"}, {duration:500, complete:function(){
	 $j(this).css({backgroundPosition: "-20px 95px"})
	 }})
	})
	
	// show content of feat cont slider
	
	$j('.panel').show();
  	$j('#movers-row').show();
	
	// comments
	
	$j('.add').click(function(){ $j.scrollTo( '#leaveReply', 1000 ); return false; });
	$j('.comments a').click(function(){ $j.scrollTo( '#comments', 1000 ); return false; });
});