// The most basic implementation using the default options
var primaryNavs	=	$('a.goToSlide')

var myDeck = $('#slidedeck').slidedeck({
		transition: 'easeInOutQuad',
		speed: 1000,
		autoPlay: true,
		autoPlayInterval: 6000,
		hideSpines: true,
		cycle: true
});

var updateActive = function(activeSlide){
	primaryNavs.removeClass('active');
	$(primaryNavs[activeSlide - 1]).addClass('active');
};

var oldGoTo = myDeck.goTo;
myDeck.goTo = function(ind, params){
	oldGoTo(ind, params);
	updateActive(Math.min(myDeck.slides.length,Math.max(1,ind)));
};

$('a.goToSlide').mouseover(function(event){
	event.preventDefault();
	myDeck.goTo(this.href.replace(/.+#/,''));
});

$('a.goToSlide').mouseout(function(event){
	$('#slidedeck').slidedeck().pauseAutoPlay=false;
});

$('dd.goToSlide').mouseover(function(event){
	event.preventDefault();
	myDeck.goTo(this.id.replace('slide',''));
});

$('dd.goToSlide').mouseout(function(event){
	$('#slidedeck').slidedeck().pauseAutoPlay=false;
});


$('#thumb1').mouseover(function() {
   $('#mainimage').css("background-position"," 0px 0px");
});

$('#thumb2').mouseover(function() {
   $('#mainimage').css("background-position"," -322px 0px");
});

$('#thumb3').mouseover(function() {
   $('#mainimage').css("background-position"," -301px -0px");
});

$('#side1').mouseover(function() {
   $('#mainimage').css("background-position"," 0px 0px");
});

$('#side2').mouseover(function() {
   $('#mainimage').css("background-position"," -322px 0px");
});