// BANNER SLIDER
var interval;
$j('#bannerSlider').ready(function(){
	$j('#bannerSlider .menu a').click(function(){
    	moveCarousel($j('#bannerSlider'),$j(this).attr('value'));
    	return false;
  	});
  	$j('#bannerSlider .menu a:first').trigger('click');
});
function moveCarousel(carousel,item) {
	var slider = carousel.find('.slider');
  	slider.queue(function () {
    	slider.animate({'left':'-'+980*(item-1)+'px'},300);
    	carousel.find('.menu a').removeClass('active');
    	carousel.find('.menu a[value="'+item+'"]').addClass('active');
    	window.clearInterval(interval);
    	interval = window.setInterval('switchBanner("#bannerSlider")', 8000);
    	$j(this).dequeue();
  	});
}
function switchBanner(carousel) {
	if($j(carousel+' .menu a.active + a').length) {
    	$j(carousel+' .menu a.active + a').trigger('click');
  	} else {
    	$j(carousel+' .menu a:first').trigger('click');
  	}
}    
// PRODUCT SLIDER
var numberOfSlides = 0;
$j('#productSlider').ready(function(){
	var currentPosition = 0;
	var slideWidth = 980;
	var slides = $j('.slide');
	if(numberOfSlides == 0)
	numberOfSlides = slides.length;
// Remove scrollbar in JS
	$j('#slidesContainer').css('overflow', 'hidden');

// Wrap all .slides with #slideInner div
	slides.css({
	'float' : 'left',
	'width' : slideWidth
	});
// Set #slideInner width equal to total width of all slides
	$j('#productSlideInner').css('width', slideWidth * numberOfSlides);

// Insert left and right arrow controls in the DOM
	/*
	$j('#productSlider')
		.prepend('<span class="control" id="leftControl">Move left</span>')
		.append('<span class="control" id="rightControl">Move right</span>');
	*/
	// Hide left arrow control on first load
	manageControls(currentPosition,numberOfSlides);
// Create event listeners for .controls clicks
	$j('.control').bind('click', function(){
	// Determine new position
		currentPosition=(this.id=='rightControl')?currentPosition+1:currentPosition-1;
	// Hide / show controls
		manageControls(currentPosition,numberOfSlides);
	// Move slideInner using margin-left
		$j('#productSlideInner').animate({
			'marginLeft' : slideWidth*(0-currentPosition)
		});
	});
});
// manageControls: Hides and shows controls depending on currentPosition
function manageControls(position,nos){
	// Hide left arrow if position is first slide
	if(position==0){ 
		$j('#leftControl').hide();
	}else{ 
		$j('#leftControl').show();
	}
	// Hide right arrow if position is last slide
	if(position==(nos-1)){ 
		$j('#rightControl').hide();
	}else{ 
		$j('#rightControl').show(); 
	}
}