/*
** slide-nav.js
** Author: Elevator Marketing Store
** Create: 9.19.2010
*/

$(document).ready(function() {
   $('#navItem1').click(function() {
   		slideNav(1);
   });
   $('#navItem2').click(function() {
   		slideNav(2);
   });
   $('#navItem3').click(function() {
   		slideNav(3);
   });
   $('#navItem4').click(function() {
   		slideNav(4);
   });
});

//Functions

function slideNav(currentID) {
   	hideCaption(currentID);
	for (i=1;i<=4;i++) {
		if ($('#navItem' + i).hasClass('active')) {
			var preID = i;
		}
		$('#navItem' + i).removeClass('active');
	}
	
	$('#navItem' + currentID).addClass('active');

	var slideAction=0
	
	if (currentID > preID) {		
		slideAction = preID-currentID;
		slideAction = slideAction*210;
    	
    	$('#slideshowArrow').animate({
    	    left:'-=' + slideAction
    		}, 100
    	);
    	$('#slideCaptionWrap').animate({
    	    left:'-=' + slideAction
    		}, 100
    	);
    	$('#hpSlideCaption'+preID).fadeOut(100, function() {
    			$('#hpSlideCaption'+currentID).fadeIn(100);
    	});
    	hideCaption(currentID);
   	}
   	else if (currentID < preID) {
		slideAction = currentID-preID;
		slideAction = slideAction*210;

    	$('#slideshowArrow').animate({
    	    left:'+=' + slideAction
    		}, 100
    	);
    	$('#slideCaptionWrap').animate({
    	    left:'+=' + slideAction
    		}, 100
    	);
    	$('#hpSlideCaption'+preID).fadeOut(100, function() {
    			$('#hpSlideCaption'+currentID).fadeIn(100);
    	});
    	hideCaption(currentID);
   	}
   	hideCaption(currentID);
}

function hideCaption(currentID) {
	if (currentID!=1) {
		$('#hpSlideCaption1').css({'display':'none'});
	}
	if (currentID!=2) {
		$('#hpSlideCaption2').css({'display':'none'});
	}
	if (currentID!=3) {
		$('#hpSlideCaption3').css({'display':'none'});
	}
	if (currentID!=4) {
		$('#hpSlideCaption4').css({'display':'none'});
	}
}