heroSlideshow = {
	current : 1,
	first : 1,
	last : 4,	
	timer : 0,
	moveNext : function() { 
		if(this.current < this.last) { 
			this.current++;
		} else {
			this.current=this.first;
		}
		if(document.getElementById('hero'+this.current+'Ctrl') != null)
   		this.activatePanel(document.getElementById('hero'+this.current+'Ctrl'));
	},
	activatePanel : function(a) {
		$('#controls a').removeClass('current'); 
        $(a).addClass('current');
        
        $('.heroImg').removeClass('current');
        $('.heroImg').hide();
        var hero = "#"+a.id.split('Ctrl')[0];
        $(hero).fadeIn("slow");
        $(hero).addClass('current');
		
		var pos = a.id.split('Ctrl')[0];
		var pos = pos.split('hero')[1];
		this.current=pos;
	},
	toggleAutoplay : function() {
		if ($('#controls .autoPlay').hasClass('play'))  {		
			$('#controls .autoPlay').removeClass('play');
			heroSlideshow.startAutoplay();
		}
		else {
			heroSlideshow.stopAutoplay();
		}
	},
	startAutoplay : function() {
		this.timer = setInterval('heroSlideshow.moveNext();',5000);
	},
	stopAutoplay : function() {
		clearInterval(this.timer);
		$('#controls .autoPlay').addClass('play');
	},	
	init : function() {
		$('#controls a').bind("click",function(e) {
			heroSlideshow.stopAutoplay();
			heroSlideshow.activatePanel(this);
	        e.preventDefault();
		});
		
		$('#controls .autoPlay').bind("click",function(e) {
			heroSlideshow.toggleAutoplay();
		});
		
		heroSlideshow.startAutoplay();
											  
	}
}

carousel = function() {
	var carousel_length = 0;
	 if(document.getElementById("productSlides") != null)
	  carousel_length = document.getElementById("productSlides").getElementsByTagName("LI").length;
  
	$('.totalSlides').html(carousel_length);
	var offset;
	var pos_current = 0;
	var num_visible = 5;
	var pos_max = parseInt((carousel_length) / num_visible);

	var category = $('#content.twoCol').find('h1').text();

	switch(category) {
		case 'Cutlery':
			offset = 448;
			break;
		case 'Bakeware':
			offset = 560;
			break;
		default:
			offset = 336;
			break;
	}
	
	if (carousel_length % num_visible == 0) {
		pos_max -= 1;
	}
	
	$('#prevBtn').bind("click",function(e) {
		if((pos_current-1) >= 0) {
			pos_current -= 1;
			move_carousel(pos_current);			
		}
		
		/*else {
			pos_current = pos_max;
			move_carousel(pos_current);
		}*/								
        e.preventDefault();
    });
	
	$('#nextBtn').bind("click",function(e) {
		if((pos_current+1) <= pos_max) {
			pos_current += 1;			
			move_carousel(pos_current);								
		}
		
		/*else {
			pos_current = 0;
			move_carousel(pos_current);
		}*/			
        e.preventDefault();
	});
	
	function move_carousel(a) {			
		var newPos = (a*offset*-1)+'px';
		$('#productSlides').animate({ left:newPos }, 1500 );
		$('.currentSlide').html(a+1);
	}
	
}



$(function() {
	heroSlideshow.init();
	carousel();
});