/*!
 * jQuery banner code
 */
 
$(document).ready(function(){

//To switch directions up/down and left/right just place a "-" in front of the top/left attribute

///// Banners /////////////////
//nav 1
$('.prod1').hover(function(){
	$(".cover").stop().animate({top:'0px'},{queue:false,duration:300});
});
//nav 2
$('.prod2').hover(function(){
	$(".cover").stop().animate({top:'-240px'},{queue:false,duration:300});
});
//nav 3
$('.prod3').hover(function(){
	$(".cover").stop().animate({top:'-480px'},{queue:false,duration:300});
});
//nav 4
$('.prod4').hover(function(){
	$(".cover").stop().animate({top:'-720px'},{queue:false,duration:300});
});
//nav 5
$('.prod5').hover(function(){
	$(".cover").stop().animate({top:'-960px'},{queue:false,duration:300});
});

// Product Features ////////////////////////////////////
//nav 1
$('.feat1').hover(function(){
	$(".cover2").stop().animate({top:'0px'},{queue:false,duration:300});
	document.getElementById('featnav1').className = "feat1 featred";
	document.getElementById('featnav2').className = "feat1 featblack";
	document.getElementById('featnav3').className = "feat3 featblack";
	document.getElementById('featnav4').className = "feat4 featblack";
	document.getElementById('featnav5').className = "feat5 featblack";
	document.getElementById('featnav6').className = "feat6 featblack";
	document.getElementById('featnav7').className = "feat7 featblack";
});
//nav 2
$('.feat2').hover(function(){
	$(".cover2").stop().animate({top:'-206px'},{queue:false,duration:300});
	document.getElementById('featnav1').className = "feat1 featblack";
	document.getElementById('featnav2').className = "feat1 featred";
	document.getElementById('featnav3').className = "feat3 featblack";
	document.getElementById('featnav4').className = "feat4 featblack";
	document.getElementById('featnav5').className = "feat5 featblack";
	document.getElementById('featnav6').className = "feat6 featblack";
	document.getElementById('featnav7').className = "feat7 featblack";
});
//nav 3
$('.feat3').hover(function(){
	$(".cover2").stop().animate({top:'-412px'},{queue:false,duration:300});
	document.getElementById('featnav1').className = "feat1 featblack";
	document.getElementById('featnav2').className = "feat1 featblack";
	document.getElementById('featnav3').className = "feat3 featred";
	document.getElementById('featnav4').className = "feat4 featblack";
	document.getElementById('featnav5').className = "feat5 featblack";
	document.getElementById('featnav6').className = "feat6 featblack";
	document.getElementById('featnav7').className = "feat7 featblack";
});
//nav 4
$('.feat4').hover(function(){
	$(".cover2").stop().animate({top:'-618px'},{queue:false,duration:300});
	document.getElementById('featnav1').className = "feat1 featblack";
	document.getElementById('featnav2').className = "feat1 featblack";
	document.getElementById('featnav3').className = "feat3 featblack";
	document.getElementById('featnav4').className = "feat4 featred";
	document.getElementById('featnav5').className = "feat5 featblack";
	document.getElementById('featnav6').className = "feat6 featblack";
	document.getElementById('featnav7').className = "feat7 featblack";
});
//nav 5
$('.feat5').hover(function(){
	$(".cover2").stop().animate({top:'-824px'},{queue:false,duration:300});
	document.getElementById('featnav1').className = "feat1 featblack";
	document.getElementById('featnav2').className = "feat1 featblack";
	document.getElementById('featnav3').className = "feat3 featblack";
	document.getElementById('featnav4').className = "feat4 featblack";
	document.getElementById('featnav5').className = "feat5 featred";
	document.getElementById('featnav6').className = "feat6 featblack";
	document.getElementById('featnav7').className = "feat7 featblack";
});
//nav 6
$('.feat6').hover(function(){
	$(".cover2").stop().animate({top:'-1030px'},{queue:false,duration:300});
	document.getElementById('featnav1').className = "feat1 featblack";
	document.getElementById('featnav2').className = "feat1 featblack";
	document.getElementById('featnav3').className = "feat3 featblack";
	document.getElementById('featnav4').className = "feat4 featblack";
	document.getElementById('featnav5').className = "feat5 featblack";
	document.getElementById('featnav6').className = "feat6 featred";
	document.getElementById('featnav7').className = "feat7 featblack";
});
//nav 5
$('.feat7').hover(function(){
	$(".cover2").stop().animate({top:'-1236px'},{queue:false,duration:300});
	document.getElementById('featnav1').className = "feat1 featblack";
	document.getElementById('featnav2').className = "feat1 featblack";
	document.getElementById('featnav3').className = "feat3 featblack";
	document.getElementById('featnav4').className = "feat4 featblack";
	document.getElementById('featnav5').className = "feat5 featblack";
	document.getElementById('featnav6').className = "feat6 featblack";
	document.getElementById('featnav7').className = "feat7 featred";
});
});