function showImage(src, id)
{
	$photoLarge = $("#photoLarge");
	$photoInfo = $("#photoInfo");
	
	$photoInfo.hide();	
	$photoLarge.html("<div id='loader' style='margin-top: 50px ; background: url(/images/loading.gif) no-repeat 50% 100px; height: 320px' ></div>");

	var largeImage = new Image();

	$(largeImage).load(function()
		{
			$(this).hide();
			$photoLarge.html(this);	
			$(this).fadeIn("slow");	
			
			//place photoinfo according to landscape or portrait image
			if($(this).height() > $(this).width()) {
				$photoInfo.removeClass("landcape").addClass("portrait");
			}
			else {		
				$photoInfo.removeClass("portrait").addClass("landcape");
			}
			
			$photoInfo.load("includes/get_photo_info.php?id=" + id).fadeIn("slow");
			
		});    
	
	$(largeImage).attr("src", src); 	
}


function showProjectImage(src)
{
	$photoLarge = $("#photoLarge");
	$photoLarge.html("<div id='loader' style='margin-top: 50px ; background: url(/images/loading.gif) no-repeat 50% 215px; height: 400px' ></div>");
	
	var largeImage = new Image();
	$(largeImage).load(function()
		{
			$(this).hide();
			$photoLarge.html(this);									
			$(this).fadeIn("slow");  			
			$("#photoData").fadeIn("slow");
		});    
	$(largeImage).attr("src", src); 	
}



function login()
{
	var username = $("#username").val();
	var password = $("#password").val();
	
	if ((username == "") || (password == ""))
	{
		$("#loginWarning").html("Both credentials are required").fadeIn("fast");
		$.fn.colorbox.resize();
	}	
	else
	{
		$.get("includes/login.php?username="+username+"&password="+password, function(result) {
			if (result == 2)
			{
				$("#loginWarning").html("Wrong login or password").fadeIn("fast");
			}
			else if (result == 0 || result == 1)
			{		
				$("#loginForm").html("<br/><div class='alertGreenSmall' style='padding-left: 20px;' ><b>Login successful</b><br/>One moment please...</div>").fadeIn("fast");	
				
				if (result == 1)
				{
					setTimeout("window.location = 'index.php?page=admin.home'",1000);							
				}	
				else
				{
					setTimeout("window.location = 'index.php?page=client.home'",1000);							
				}
				
				setTimeout("$.fn.colorbox.close()",3000);		
			}	
		});	
	}	
	return false;
}


function getSelectedPhotos(projectID)
{	
	$("#selectedPhotos").attr("projectID", projectID);
	$("#selectedPhotos").empty();
	
	$("a.projectOverlayLink .checked").each(function(e)
	{
		$("#selectedPhotos").append("<li>" + $(this).attr("name") + "</li>");
	});
	
	if($("#selectedPhotos").html() != "")
	{
		//$("#photoSelection, #submitSelection, #submitSelectionBottom, #selectedPhotos").fadeIn("slow");
		$("#submitSelection, #submitSelectionBottom").fadeIn("slow");
	}
	else
	{
		//$("#photoSelection, #submitSelection, #submitSelectionBottom").fadeOut("fast");
		$("#submitSelection, #submitSelectionBottom").fadeOut("fast");
	}
}



function resetSelection()
{
	//$("#statusSelected, #photoSelection, #submitSelection, #submitSelectionBottom").fadeOut("fast");
	$("#statusSelected, #submitSelection, #submitSelectionBottom").fadeOut("fast");
	//$("#selectedPhotos").removeAttr("title").empty().fadeOut("fast");
	$("#selectedPhotos").removeAttr("title").empty();
	$("a.projectOverlayLink img").removeClass("checked").css("border", "solid 2px #000000").attr("src", "images/spacer.gif");	
	$("#selectImage, #selectImageBottom").removeClass("selectedFlag").css("background-position", "0 0");
	$("#submitSelection, #submitSelectionBottom").removeClass("sending").css("background-position", "0 0");
}

function hideMessageBox()
{	
		$("div.adminMessageBox,#projectGalleryAdmin, #photoData").hide()
		$("form.adminEditForm, div.addProjectControl").fadeIn("slow");
}


function sendSelection()
{
	var name = $("#name").val();
	var email = $("#email").val();
	var $selPhotos = $("#selectedPhotos");
	
	if ((name == "") || (email == ""))
	{
		$("#sendSelectionWarning").html("Both fields are required").fadeIn("fast");
		$.fn.colorbox.resize();
	}	
	else if (!validateEmail(email))
	{
		$("#sendSelectionWarning").html("E-mail address is not valid").fadeIn("fast");
		$.fn.colorbox.resize();
	}
	else
	{				
		$.post("includes/submit_selected_images.php", 
			{ 
				name: name,
				email: email,
				selectedImages: $selPhotos.html(), 
				projectID: $selPhotos.attr("projectID")
			},
			function()
			{
				resetSelection();
				$.fn.colorbox.close();
				$.jGrowl("<strong>Your selection has been send.</strong><br /><br /> A confirmation email has been sent to " + email + ".", {theme: 'alertGreen', life: 5000});
			});
	}	
	return false;
}

function validateEmail(elementValue){  
   var emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;  
   return emailPattern.test(elementValue);  
 }