// Javascript Document
	$(function() {
	
	// highlight first image
	$("#frame li:first").addClass("current");
		var totalSlides = $("#frame li").length;
		var currentSlide = 1;
		updateCaption();
		
		// handle next/prev clicks and clicking an image to move slider
		$("#next, #prev, #frame li").click(function() {
			
			var ID = $(this).attr("id");
			if( ID === "next" ) {
				if( currentSlide < totalSlides ) { 
					currentSlide++;
				} else {
					currentSlide = 1; 
				}
			} else if( ID === "prev" ) {
				if( currentSlide > 1 ) {
					currentSlide--; 
					}
				else {
					currentSlide = totalSlides;
				}
			} else {
				currentSlide = ID.replace("item-", "");
			}

			moveSlideTo($("#frame li#item-"+currentSlide+""));
			updateCaption();
			return false;
			
		});
			
		// update Counter
		function updateCaption() {
			$('#numbers').html(currentSlide + ' of ' + totalSlides);
		}
		
	});
			
// slides frame to correct position		
function moveSlideTo(target) {
	var pos = target.position();
	if( pos != undefined ) {
		$("#frame li").fadeTo(400, 0.4);
		$("#frame ul").animate({ left: (pos.left * -1) }, 400, null, function() {
			target.fadeTo(400, 1.0);
		});
	}
}