function submitContact() 
{
	if (document.frmContact.sliderUsed.value == "true")
	{
		var frm = document.frmContact;
		var name = frm.name.value;
		var mail = frm.mail.value;
		var text = frm.text.value;
		var errors = "";
		if (name.length < 1) { errors += "No Name given<br />"; }
		if (mail.length < 1) { errors += "No Mail given<br />"; }
		if (text.length < 1) { errors += "No Text given<br />"; }
		if (errors.length > 0)
		{
			errors = "<h1>There were some Errors:</h1>" + errors;
			$("#frmErrors").empty();
			$("#frmErrors").append(errors);
			$("#frmErrors").fadeIn(50);
			$("#frmErrors").fadeOut(4000);
			$("#captcha_container").slider( "value", 20);
		}
		else
		{
			var hash = frm.addHash.value;
			$.post("ajax_rq.php", 
	"action=contact&name=" + name + "&mail=" + mail + "&text=" + text + "&hash=" + hash, 
	function(data) { handleContact(jQuery.parseJSON(data)); },
	"JSON");
		}
	}
}
function handleContact(result)
{
	if (result["return"] == "success")
	{
		$("#frmSuccess").empty();
		$("#frmSuccess").append("Mail send, thanks");
		$("#frmSuccess").fadeIn(50);
		$("#frmSuccess").fadeOut(5000);
		document.frmContact.reset();
	}
	else 
	{
		$("#frmErrors").empty();
		$("#frmErrors").append("An Error occured. <br />Please Try again.");
		$("#frmErrors").fadeIn(50);
		$("#frmErrors").fadeOut(5000);
	}
	$("#captcha_container").slider( "value", 20);
}
function handleFriends(friendArray)
{
	$("#friendsContainer").empty();
	for(i = 0; i < friendArray.length; i++)
	{
		insertFriend(friendArray[i]);	
	}
}
function insertFriend(friendObj)
{
	$("#friendsContainer").append('<li><a href="' + friendObj.friendUrl + '" target="_blank">' + friendObj.friendName + '</a></li>');
}
function loadGallery(projectId)
{
	$.post("ajax_rq.php", 
	"getGallery=" + projectId, 
	function(data) { handleGallery(jQuery.parseJSON(data)); },
	"JSON");
}
function handleGallery(galleryArray)
{
	$("#gallery").empty();
	for (i = 0; i < galleryArray.length; i++)
	{
		insertGalleryImage(galleryArray[i]);
	}
	$('#gallery a').lightBox({fixedNavigation:true});
	$('#gallery a').first().click();
}
function insertGalleryImage(galleryImage)
{
	var fbFrame = "<iframe src='http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.achimvogel.com%2F%23gallery%3D" + galleryImage.projectId + "&amp;layout=standard&amp;show_faces=false&amp;width=350&amp;action=like&amp;colorscheme=light&amp;height=35' scrolling='no' frameborder='0' style='border: none; overflow:hidden; width:350px; height:35px;' allowTransparency='true'></iframe>";
	var twitter = "<a href='http://twitter.com/share' class='twitter-share-button' data-url='http://www.achimvogel.com/#gallery=" + galleryImage.projectId + "' data-count='horizontal' data-via='achimvogel' data-lang='de'>Tweet</a><script type='text/javascript' src='http://platform.twitter.com/widgets.js'></script>";
	$("#gallery").append('<a href="images/content/' + galleryImage.projectId + '/' + galleryImage.imagePath + '" title="<h1>' + galleryImage.projectDescription + '</h1><h2>' + galleryImage.imageDescription + '</h2><h3>' + galleryImage.imageName + '</h3>' + fbFrame + '<br />' + twitter + '"></a>');
}
function getClasses() { var classes = ""; $("li.activeclass").each(function(){classes += $(this).text() + ",";}); return classes;}
function getCategories(){ var categories = ""; $("li.activecategory").each(function(){categories += $(this).text() + ",";}); return categories;}
function insertImage(imgObj) { $("#grid").append('<li><img class="contentimage active" id="img_' + imgObj.projectId + '" src="./images/content/thumbs/' + imgObj.projectThumbnailPath + '" alt="' + imgObj.projectName + '" onclick="loadGallery(' + imgObj.projectId + ');" title="<b>' + imgObj.projectName + '</b><br />' + imgObj.assignedCategories +'" /></li>'); }
function sendAJAX() { $.post("ajax_rq.php", "classes=" + getClasses() + "&categories=" + getCategories(),function(data){ setActiveImages(jQuery.parseJSON(data));}, "JSON"); }
function insertImages(JSONData)
{
	$("#grid").empty();
	var imgArr = jQuery.parseJSON(JSONData);
	for (i = 0; i < imgArr.length; i++)
	{
		insertImage(imgArr[i]);
	}
	$("ul#grid li img").each(function() {
		$(this).jScale({ls:'60%'});
	});
}
function toggleSubFilterNavigation()
{
	if ($("#filternav_all").hasClass("activeclass"))
	{
		$("#filternav_bottom").addClass("invisible");
		$("#filter_spacer_bottom").addClass("invisible");
		$("#filternav_bottom").fadeOut(750);
		$("#filter_spacer_bottom").fadeOut(750);
	}
	else if ($("#class_photography").hasClass("activeclass"))
	{
		$("#filternav_bottom").addClass("invisible");
		$("#filter_spacer_bottom").addClass("invisible");
		$("#filternav_bottom").fadeOut(750);
		$("#filter_spacer_bottom").fadeOut(750);
	}
	else
	{
		if ($("#filternav_bottom").hasClass("invisible"))
		{
			$("#filternav_bottom").removeClass("invisible");
			$("#filter_spacer_bottom").removeClass("invisible");
			$("#filternav_bottom").fadeOut(1);
			$("#filternav_bottom").fadeIn(750);
			$("#filter_spacer_bottom").fadeOut(1);
			$("#filter_spacer_bottom").fadeIn(750);
		}
	}
}
function setActiveImages(JSONData)
{
	toggleSubFilterNavigation();
	$(".contentimage").each(function()
									 {
										 if ($(this).hasClass('active') == true)
										 {
											$(this).removeClass('active'); 
										 }
										 $(this).fadeTo(350, 0.15);
									 });
	for (i = 0; i < JSONData.length; i++)
	{
		var activeObj = JSONData[i];
		if ($("#img_" + activeObj.projectId).hasClass('active') == false)
		{
			$("#img_" + activeObj.projectId).addClass('active'); 
		}
		$("#img_" + activeObj.projectId).fadeTo(750, 1.0);
	}
}
function handleNavigationPointClick(e)
{
	$("#filternavigation li").each(function() { $(this).removeClass('activeclass'); });
	$(e.target).addClass('activeclass');
	sendAJAX();
}
function handleCategoriesPointClick(e)
{
	$("#filternavigation_categories li.selectall").removeClass('activecategory');
	$(e.target).toggleClass('activecategory');
	sendAJAX();
}
function handleCategoriesSelectAllClick(e)
{
	$("#filternavigation_categories li").each(function() { $(this).removeClass('activecategory'); });
	$(e.target).addClass('activecategory');
	sendAJAX();	
}
$(document).ready(function() {
	$.post("ajax_rq.php", "getFriends=true", function(data) { handleFriends(jQuery.parseJSON(data)); }, "JSON");
	$.post("ajax_rq.php", "getAll=true",
		   function(data)
		   { 
		   	  insertImages(data); 
			  $(".active").tipTip();
		   },
		   "JSON");
	$("#filternavigation li.point").click(function(e) { handleNavigationPointClick(e); });
	$("#filternavigation_categories li.point").click(function(e) { handleCategoriesPointClick(e); });
	$("#filternavigation li.selectall").click(function(e) { handleNavigationPointClick(e) });
	$("#filternavigation_categories li.selectall").click(function(e) { handleCategoriesSelectAllClick(e); });
	if (window.location.href != "")
	{
		if (window.location.href.split('#').length > 1)
		{
			var action = window.location.href.split('#')[1].split('=')[0];
			var target = window.location.href.split('#')[1].split('=')[1];
			if (action == 'gallery')
			{
				loadGallery(target);	
			}
		}
	}
	$(".contentlink").colorbox({width:"50%", height:"70%", opacity:"0.8"});
	initializeGrid();
});
function initializeGrid() {
	$("#scrolltop").click(function(){$('html, body').animate({scrollTop:0}, 'slow'); return false;});
	
	$("#nav_contact").click(function(){$('html,body').animate({scrollTop: $("#contact_head").offset().top},'slow'); return false;});
	$("#scaling_big").click(function(){$("#grid_slider").slider( "value", $("#grid_slider").slider( "option", "value" ) + 20
 );});
	 $("#scaling_small").click(function(){$("#grid_slider").slider( "value", $("#grid_slider").slider( "option", "value" ) - 20
	 );});
	$("#grid_slider").slider({
		value: 60,
		max: 100,
		min: 20,
		step: 20,
		change: function(event, ui) {
			$('ul#grid li img').each(function() {
				$(this).jScale({ls:ui.value+'%'})
			});
		},
		slide: function(event, ui) {
			$('ul#grid li img').each(function() {
				$(this).jScale({ls:ui.value+'%'})
			});
		}
	});
	$("#captcha_container").slider({
		value: 20,
		max: 100,
		min: 0,
		step: 20,
		stop: function(event, ui) {
			if (ui.value == 80)
			{
				document.frmContact.sliderUsed.value = "true";
				document.frmContact.submit();
			}
		}
	});
	$("ul#grid li img").each(function() {
		$(this).jScale({ls:'60%'});
	});
}