/*
Initializing the variables for the mouse over. 
*/
var great_back = "/images/title_greatdeals-left.jpg";
var great_forward = "/images/title_greatdeals-right.jpg";
var great_title = "/images/title_greatdeals.jpg";

var shoe_back = "/images/title_shopshoe.jpg";
var shoe_forward = "/images/title_shopshoe.jpg";
var shoe_title = "/images/title_shopshoe.jpg";


$(document).ready(function() {
	
	/*
	* Assigning event handler to back and forward controls. 
	*/
	
		$('.slideback').click(function(){
			moveBack($(this).parent().find('.slideimages')); 
		});
		
		$('.slideforward').click(function(){
			moveForward($(this).parent().find('.slideimages')); 
		});

	
/*
Mouse over / out functions are below.
Functions exist for "great deals" and "shoes"
*/	

/*
$('#greatback').mouseover(function(){
			$(this).attr("src",great_back); 
		}); 
	
	$('#greatforward').mouseover(function(){
			$(this).attr("src",great_forward); 
		}); 
	
	$('#greatback, #greatforward').mouseout(function(){
			$(this).attr("src",great_title); 
		}); 
		
$('#shoeback').mouseover(function(){
			$(this).attr("src",shoe_back); 
		}); 
		
	$('#shoeforward').mouseover(function(){
			$(this).attr("src",shoe_forward); 
		}); 
	
	$('#shoeback, #shoeforward').mouseout(function(){
			$(this).attr("src",shoe_title); 
		}); 
		
	
*/		
		
}); 

function moveBack(slidelist){
		var first = $(slidelist).find('li')[0]; 
		var last = $(slidelist).find('li')[$(slidelist).find('li').length -1]; 
		var firsthtml = $(first).html(); 
		for ( i = 0 ; i < $(slidelist).find('li').length-1; i++){
			var mover = $(slidelist).find('li')[i+1];
			var destination = $(slidelist).find('li')[i];
			$(destination).html($(mover).html()); 
		}
		$(last).html(firsthtml); 
}

function moveForward(slidelist){
		var first = $(slidelist).find('li')[0]; 
		var last = $(slidelist).find('li')[$(slidelist).find('li').length -1]; 
		var lasthtml = $(last).html(); 

		for ( i = $(slidelist).find('li').length-1 ; i > 0; i--){
			var mover = $(slidelist).find('li')[i-1];
			var destination = $(slidelist).find('li')[i];
			$(destination).html($(mover).html()); 
		}
		$(first).html(lasthtml); 
}