var rotate = {

	interval: 4000,

	init: function(el) {
		var $this = el,
			$slides = $this.find('.slide');
			
		// Reorder
		$slides.each(function() {
			$(this).prependTo($this);
		});
		
		var i = setInterval(function() {
			
			$this.find('.slide:last').stop(true,true).fadeOut('slow', function() {
				$(this).prependTo($this).show();
			});
			
		}, rotate.interval);
	}
	
};

var product_rotator = {
	
	i: null,
	
	init: function() {
		$('#prods-sidebar li').each(function() {
			var $this = $(this),
				href = $this.find('a').attr('href'),
				src = $this.find('img').attr('src');
				
			$this.data('url', href).data('img', src).data('img_lrg', src.replace('-sm', ''));
		});
		
		this.set_interval();
	},
	
	set_interval: function() {
		product_rotator.i = setInterval(function() {
			product_rotator.rotate();
		}, 5000);
	},
	
	rotate: function(next) {
		var $main = $('#prods-main');
		
		if (typeof next === 'undefined') {
			var $next = $('#prods-sidebar li:first');
		} else {
			var $next = next;
		}
		
		var $new_li = $('<li />');
		$new_li.append('<a href="' + $main.data('url') + '"><img src="' + $main.data('img') + '" width="105" height="81" alt="" /></a>');
		$new_li.append('<p>' + $main.find('h1').html() + '</p>');
		$new_li.data('url', $main.data('url')).data('img', $main.data('img')).data('img_lrg', $main.data('img_lrg'));
		
		$main.find('img').attr('src', $next.data('img_lrg'));
		$main.find('h1').html($next.find('p').html());
		$main.find('h2 a').attr('href', $next.data('url'));
		$main.data('url', $next.data('url')).data('img', $next.data('img')).data('img_lrg', $next.data('img_lrg'));
		
		$next.remove();
		$('#prods-sidebar').append($new_li);
	}
	
};

$(function() {
	
	if ($('#top-slides').length) {
		rotate.init($('#top-slides'));
	}
	if ($('#bottom-slides').length) {
		rotate.init($('#bottom-slides'));
	}
	if ($('#prods').length) {
		product_rotator.init();
	}
	if ($('#prods-single').length) {
		$('#prods-sidebar img').click(function() {
			var src = $(this).attr('src');
			var lrg = src.replace('-sm', '');
			var caption = $(this).attr('title');
			$('#prods-main img').attr('src', lrg);
			if ($('#prods-main #prods-main-overlay').length) {
				$('#prods-main #prods-main-overlay').html(caption);
			};
		});
	}
	
});
