// http://css-tricks.com/garage-door-style-menu/
$(function() {

// Set CSS for old versions of Firefox (Required to use the backgroundPosition js)
        $('#right #channels a#htv3').css({backgroundPosition: '0px 17px'});
        $('#right #channels a#htv84').css({backgroundPosition: '0px 17px'});
        $('#right #channels a#htv266').css({backgroundPosition: '0px 17px'});
		$('#right #channels a#htvi').css({backgroundPosition: '0px 17px'});

        // Animate the Shutter
        $("#right #channels a#htv3").hover(
		     function(){ $(this).parent().stop().animate({backgroundPosition: '0px -109px'}, 500); },
			 function(){ $(this).parent().stop().animate({backgroundPosition: '0px -109px'}, 500); }
			 );
		
        // Animate the Shutter
        $("#right #channels a#htv84").hover(
			 function(){ $(this).parent().stop().animate({backgroundPosition: '0px -239px'}, 500); },
			 function(){ $(this).parent().stop().animate({backgroundPosition: '0px -239px'}, 500); }
			 );
		
        // Animate the Shutter
        $("#right #channels a#htv266").hover(
		     function(){ $(this).parent().stop().animate({backgroundPosition: '0px -369px'}, 500); },
			 function(){ $(this).parent().stop().animate({backgroundPosition: '0px -369px'}, 500); }
			 );
			 
        // Animate the Shutter
        $("#right #channels a#htvi").hover(
		     function(){ $(this).parent().stop().animate({backgroundPosition: '0px -499px'}, 500); },
			 function(){ $(this).parent().stop().animate({backgroundPosition: '0px -499px'}, 500); }
			 );
		
		$("#right #nav ul a").mousedown(function () { $(this).animate({ backgroundPosition: '1px -34px'}, 50 ); });

});