/* MAIN FEATURED SCROLLER */
$j(window).bind('load', function(){
	// SET WIDTH OF BOX
	var mainCont = "#featured";
	var itemCont = "#featured .row";
	var itemOffset = 40; // Any margin offset there may be, also border pixels
	
	var firstitemWidth = $j(itemCont).find('div').width() + itemOffset; // Item Width
	var noItems = $j(itemCont).children('div').size(); // Number of items
	var slideritemsWidth = Math.floor(firstitemWidth * noItems); // Width it should be.
	var slideritemsWidthTimes = Math.floor(firstitemWidth * noItems * 2); // Width it should be. By 2
	var sliderItems = $j(itemCont).html(); // get the contents of the row
	var scrolldelay = 2000; //the scroller delay
	var scrollItems = 1; // Number to scroll
	
	$j(itemCont).width(slideritemsWidthTimes); // set the width of the row to 2x what it should be
	$j(itemCont).html(sliderItems + sliderItems); // repeat the row so make a seamless loop
	
	// SCROLL FUNCTION
	function scrollFunc(direction) {
		var scrollamount = Math.floor(firstitemWidth * scrollItems); // How much it should scroll at a time.
		var leftPos = parseInt($j(itemCont).css("left").substring(0,$j(itemCont).css("left").indexOf("px"))); // STRIP PX FROM END
		var slideritemsWidthMin = '-' + slideritemsWidth; // Now - position left the items.
		
		if(leftPos <= slideritemsWidthMin) {$j(itemCont).css("left", "0");}
		
		// IF LEFT
		if(direction == 'left' && leftPos < 0 && leftPos != '-' + slideritemsWidth) {
			clearInterval(interval);
			$j(itemCont).stop(true, true).animate({left: '+=' + scrollamount}, 500);
			interval = setInterval(function() {scrollFunc('default')}, scrolldelay);
		}
		
		// IF RIGHT
		if(direction == 'right' && leftPos <= slideritemsWidth && leftPos != slideritemsWidth) {
			clearInterval(interval);
			$j(itemCont).stop(true, true).animate({left: '-=' + scrollamount}, 500);
			interval = setInterval(function() {scrollFunc('default')}, scrolldelay);
		}
		
		// IF ITS DEFAULT SETTING (NOT LEFT OR RIGHT)
		if (direction == 'default') {
			$j(itemCont).stop(true, true).animate({left: '-=' + scrollamount}, 500);
		}
	}
	
	// IF YOU MOUSE OVER
	$j(itemCont).bind({
		'mouseenter': function(){clearInterval(interval);},
		'mouseleave': function(){interval = setInterval(function() {scrollFunc('default')}, scrolldelay);}
	});
	
	// NOW DO SOME ANIMATION
	var interval = setInterval(function() {scrollFunc('default')}, scrolldelay);//5 secs
	
	// CONTROLS
	$j('#controlLeft').click(function() {	scrollFunc('left'); });
	$j('#controlRight').click(function() {	scrollFunc('right'); });
	// SHOW CONTROLS
	// IF YOU MOUSE OVER
	$j(mainCont).bind({
		'mouseenter': function(){ $j('#controlLeft, #controlRight').stop(true, true).fadeIn(); },
		'mouseleave': function(){ $j('#controlLeft, #controlRight').stop(true, true).fadeOut(); }
	});
	
});




/* HOME SCROLLER CATS */
$j(window).bind('load', function(){
	var itemHeight = $j("#scroller .item").height();
	$j("#scroller #scrollerinner, #scroller").height(itemHeight + 26);
});

$j(window).ready(function(){
	
	// CAT SCROLLER
	var scrollerWidth = $j("#scroller").width();
	var itemNo = $j("#scroller .item").size();
	var itemWidth = $j("#scroller .item").width();
	var itemOffsets = 10; // ANY OFFSETS (MARGIN ETC)
	var scrollerinnerWidth = itemNo * (itemWidth + itemOffsets);
	
	// SET WIDTH OF SCROLLER
	$j("#scroller #scrollerinner").width(scrollerinnerWidth);
	
	
	// EVENT MOUSE MOVE
	$j("#scroller").mousemove(function(e){
		
		// OFFSET IS scrollerinner width / scroller width
		var relativeOffset = scrollerinnerWidth / scrollerWidth;
		var doOffset = Math.round(e.pageX * relativeOffset);
		
		var curLeftOffset = $j("#scrollerinner").css('left').indexOf("px");

		if(curLeftOffset <= doOffset) $j("#scrollerinner").css('left', (scrollerWidth /4) - doOffset);
		
	});
});