/* avoid PrototypeJS conflicts, assign jQuery to $jQ instead of $ */
var $jQ = jQuery.noConflict();

/* using $jQ(document).ready() because Magento executes Prototype inline and freaks out if jQuery executes beforehand */
/* using function($) to maintain normal jQuery syntax inside */
$jQ(document).ready(function($){

	// ------------------------------------------------------------------------------
	// Home Banner Slide
	// ------------------------------------------------------------------------------
		
	$( '#slide-scroller .items .item' ).live( 'hover', function() {
		$( this ).toggleClass( 'hover' );
	}, function() {
		$( this ).removeClass( 'hover' );
	});

	$( '#slide-scroll' ).scrollable({
		circular: true,
		size: 1,
		speed:400,
		easing: "swing",
		next: '.nextPage',
		prev: '.prevPage',
		touch: true
	}).navigator().autoscroll({	interval: 7000});
	

	$( '.prevPage, .nextPage' ).click(function() { return false; } );
	
});