$(document).ready(function(){

function getThumbFrameWidth(obj){
	divWidth = 0;

	obj.find("img").each(
	function(){
		divWidth += $(this).attr("width") + Number($(this).css("margin-left").replace("px","")) + Number($(this).css("margin-right").replace("px","")) + Number($(this).css("padding-left").replace("px","")) + Number($(this).css("padding-right").replace("px","")) + Number($(this).css("border-left-width").replace("px",""))  + Number($(this).css("border-right-width").replace("px",""));
		
	});
	return divWidth;
}


	album = "";
	startPos = 0;
	
	$("#next").click(
					 function(){
					 	isSelected = false;
						$("#" + album + " img").each(
							function(){
								
								if($(this).hasClass("selected")){
									isSelected = true;
								}
								else if(isSelected){
									
									$(this).click();
									isSelected = false
								}
							}
						);
					 
					 }
					 );
		$("#prev").click(
					 function(){
						$("#" + album + " img").each(
							function(){
								
								if($(this).hasClass("selected")){
									$(this).prev().click();
								}
							}
						);
					 
					 }
					 );
	
	$("#thumbFrame div").each(
		function(){	
			  $(this).css("width", getThumbFrameWidth($(this)) + "px");
			  $(this).hide();
		});

			$("#galleryLink").click(function(){
			    url = $("#galleryImage").attr("src").replace("thumbs","originals");
				window.open(url,null,"fullscreen=yes");
				return false;
			});
	$("#thumbFrame img").click(
		function(){ 
			$(".selected").removeClass("selected");
			$(this).addClass("selected");			
			if(Math.abs($(this).offset().left +  $(this).width() - $("#thumbFrame").offset().left ) - $("#thumbFrame").width() >  0){

			scrollTotal = $(this).offset().left + $(this).attr("width") + Number($(this).css("margin-left").replace("px","")) + Number($(this).css("margin-right").replace("px","")) + Number($(this).css("padding-left").replace("px","")) + Number($(this).css("padding-right").replace("px","")) + Number($(this).css("border-left-width").replace("px",""))  +  Number($(this).css("border-right-width").replace("px","")) - $("#thumbFrame").offset().left - $("#thumbFrame").width();
				$("#thumbFrame").scrollTo( {top:'-=0px', left:'+='+ scrollTotal +'px'}, 1000 );
				moveSliderTotal = scrollTotal * $("#slider").parent().width()/ ($("#" + $("#albumSelect").find(":selected").val()).width() - $("#thumbFrame").width());
				shiftAmount = Number($("#slider").css("left").replace("px","")) + Math.round(moveSliderTotal);
				if(shiftAmount >$("#slider").parent().width()){
					shiftAmount = $("#slider").parent().width();
				}
				$("#slider").css("left", shiftAmount + "px");
			}
			else if($(this).offset().left < $("#thumbFrame").offset().left)
			{
			scrollTotal = $(this).offset().left  - (Number($(this).css("margin-left").replace("px","")) + Number($(this).css("margin-right").replace("px","")) + Number($(this).css("padding-left").replace("px","")) + Number($(this).css("padding-right").replace("px","")) + Number($(this).css("border-left-width").replace("px",""))  +  Number($(this).css("border-right-width").replace("px",""))) -  $("#thumbFrame").offset().left;
				$("#thumbFrame").scrollTo( {top:'-=0px', left:'+='+ scrollTotal +'px'} , 1000);	
				moveSliderTotal = scrollTotal * $("#slider").parent().width()/ ($("#" + $("#albumSelect").find(":selected").val()).width() - $("#thumbFrame").width());

				shiftAmount = Number($("#slider").css("left").replace("px","")) + Math.round(moveSliderTotal);
				if(shiftAmount <0){
					shiftAmount = 0;
				}
				$("#slider").css("left", shiftAmount + "px");

			}

			$("#galleryImage").attr("src", $(this).attr("src").replace("thumbs","framed"));
/*			$("#galleryLink").attr("href", $("#galleryImage").attr("src").replace("thumbs","originals"));*/

			$("#galleryImage").fadeIn();
			count = 1;
			obj = $(this);
			while(obj.prev().size() > 0){
				count++;
				obj = obj.prev();
			}
			$("#currentImage").text(count);
		});
	$("#albumSelect").change(
			function(){
				$("#galIntro").hide();
				if($(this).find(":selected").val() != "Please Select an Album"){
				$("#galleryImageSection").show();
				$("#thumbFrame div").hide();
				album = $(this).find(":selected").val();
				$("#" + $(this).find(":selected").val()).fadeIn();
				$("#" + $(this).find(":selected").val()).find("img:first").click();
				$("#imageCount").show();
				$("#totalImages").text($( "#" +  $(this).find(":selected").val()).find("img").size());
				}
			});
	$("#slider").draggable({
   		drag: function(event, ui) {
				scrollAmount = $("#" + album).width() - $("#thumbFrame").width();
				scrollTotal = Math.round(scrollAmount * (ui.position.left - startPos)/$(this).parent().width());
				$("#thumbFrame").scrollTo( {top:'-=0px', left:'+='+ scrollTotal +'px'} );
				startPos = ui.position.left;
	   		}
		}
	);
	$('#slider').draggable('option', 'containment', 'parent');
	$('#slider').draggable('option', 'scroll', false);
	
	
}
);