$(document).ready(function(){

	var subset='one';
	
	$(".mainthumb").click(function(){
	
		var clickID = $(this).attr('id'); 
		var mainImage = clickID + "aL.jpg";
		
		//set main image background	
		$("#viewer").css('background-image', "url(media/images/dresslikesaul/main/large/" + mainImage + ")");	
		
		//add images to left thumbnails after clicking the right thumbnails
		setThumbs = function() {		
		
			$("#a").html('<img src="media/images/dresslikesaul/main/leftthumbs/' + clickID + 'a.jpg" alt="" />');
			$("#b").html('<img src="media/images/dresslikesaul/main/leftthumbs/' + clickID + 'b.jpg" alt="" />');
			$("#c").html('<img src="media/images/dresslikesaul/main/leftthumbs/' + clickID + 'c.jpg" alt="" />');
			$("#d").html('<img src="media/images/dresslikesaul/main/leftthumbs/' + clickID + 'd.jpg" alt="" />');
			subset = clickID;
		};
		
		//change the caption based on right side click 
		changeCaption = function() {		
			switch(subset)
			{
				case "one": 
					$("#viewertitle").html("Smooth Talker. Smooth Walker.");
					break;
				case "two":
					$("#viewertitle").html("Mellow Yellow meets Feisty Leopard.");
					break;
				case "three":
					$("#viewertitle").html("Velour. It isn't just for rappers."); 
					break;
				case "four":
					$("#viewertitle").html('Saul&#39;s "Listen to me, jury" Suit.'); 
					break;					
				default: 
					$("#viewertitle").html("Smooth Talker. Smooth Walker.");
			}
		}		
		setThumbs();				
		changeCaption();
	});
	
	//set clickability for left side thumbs
	$("#a,#b,#c,#d").click(function(){		
		var thumbId = $(this).attr('id');
		var expandThumb = 'media/images/dresslikesaul/main/large/' + subset + thumbId + 'L.jpg';		
		//alert(expandThumb);		
		$("#viewer").css('background-image', "url(" + expandThumb + ")");
	});	
	


});