$(document).ready(function(){
	function powerUpThumbs() {
		//Find the First Thumbnail and make it the default image
		var defaultImage = $("#viewWrapper .Thumbs li:last").find("img").attr("src");
		//Strip off the _thumb from the file name so that we are getting the large image
		defaultImage = defaultImage.replace("_thumb","");
		var mainImage = new Image();
		
		$(mainImage).load(function () {            
			$(this).hide();      
			$('#mainPortfolioImage').find("img").replaceWith(this);              
			$(this).fadeIn();    
		}).attr('src', defaultImage);
		
		//TITLEs
		var title = new Image();
		var titleImage = $("#viewWrapper .Thumbs li:last").find("img").attr("id");
		var titleImage = "images/portfolio/"+titleImage+"/title.jpg";
		
		$(title).load(function () {            
			$(this).hide();      
			$('.Title').find("img").replaceWith(this);              
			$(this).fadeIn();    
		}).attr('src', titleImage).removeAttr("width");
		
		
		$("#viewWrapper .Thumbs img").click( function() {
			var imageNumber = $(this).attr("name");
			var imageSrc = $(this).attr("src");
			imageSrc = imageSrc.replace("_thumb","");
			//$('#mainPortfolioImage .Image').fadeOut().css({background:"url("+imageSrc+") no-repeat"});
			
			var img = new Image();     
			$(img).load(function () {            
				$(this).hide();      
				$('#mainPortfolioImage .Image').find("img").replaceWith(this);              
				$(this).fadeIn();    
			}).error(function () {    
				alert("no image");    
			}).attr('src', imageSrc);
		});
	}
	powerUpThumbs();
	
	//CREATE AN ARRAY TO HOLD THE THUMBNAILS OF THE CURRENT PROJECT
	var allProjects = new Array();
	//CREATE A VARIABLE TO MONITOR THE IMAGE NUMBER THAT IS BEING SHOWN
	var currentProject = 0;
	
	//REPOPULATE THE THUMBNAIL ARRAY WHEN A NEW PROJECT IS LOADED
	function startProjectCount() {
		//var allProjects = new Array();
		$("img","#projectWrapper").each(function (i) {
			allProjects[i] = $(this).attr("id");
			//alert(allProjects[i]);
		});
		$(".LeftBtn_mainimage").click(function(){
			var projectCount = allProjects.length;
			if (currentProject >= 0) {
				if (currentProject == 0) {
					currentProject = projectCount-1;
				}else{
					currentProject--;
				}
				loadProjectThumbs(allProjects[currentProject]);
			}
			
		});
		$(".RightBtn_mainimage").click(function(){
			//alert(thumbnails[0]);
			var projectCount = allProjects.length;
			if (currentProject < projectCount) {
				if (currentProject < projectCount) {
					if (currentProject == projectCount-1) {
						currentProject = 0;
					}else{
						//alert(currentImage);
						currentProject++;
					}
				};
				loadProjectThumbs(allProjects[currentProject]);
			}
			
		});
	}
	startProjectCount();
	
	function loadProjectThumbs(projectTitle) {
		currentProject = $("#"+projectTitle+"").attr("name");
		$.ajax({
			type: "POST",
			url: "phplib/selectproject.php",
			data: "projectTitle="+projectTitle,
			success: function(msg){
				$("#viewWrapper .Thumbs ul").fadeOut("fast");
				$("#viewWrapper .Thumbs ul").replaceWith(msg);
				$("#viewWrapper .Thumbs ul").fadeIn("fast");
				powerUpThumbs();
				//startProjectCount();
			}
		});
	}
	
	$("#projectWrapper img").click(function() {
		projectTitle = $(this).attr("id");
		loadProjectThumbs(projectTitle);
	});

	$(".prevPage").click(function() {
		$(".scrollable ul").animate({ 
			left: 0 
		  }, 500 );

	});
	$(".nextPage").click(function() {
		$(".scrollable ul").animate({ 
			left: -263
		  }, 1000 );
	});
	
});