$(document).ready(function() {
    
    $(".photoc .leftside").css({'visibility':'visible'});
    
    $("input[name='site']").val('human');
    $("#addfav").click(addfav);
    
    $(".hide").css('display','none');
    
	// ----SCROLL FUNCTIONALITY------
	$('a[href*=#]').click(function() {
		if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') 
			&& location.hostname == this.hostname) {
			var $target = $(this.hash);
			
			$target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');
			
			if ($target.length) {
			
				var targetOffset = $target.offset().top;
				
				$('html,body').animate({scrollTop: targetOffset}, '300');
				
				return false;
				
			}	
		}
	});
		
	/*_________________________________________________________________________________________ TARGET BLANK*/
	$(".external").attr("target","_blank");
		
	/*_________________________________________________________________________________________ DONATE*/		
	$("#donate a").click(function(){
		$("#donatecontent").css('display','block');
		$("#donatecont").css('top','43%');
		$('#donatecont').animate({
			top: '50%', opacity:1}, 300);	
		return false;
	});
	
	$(".closebtn").click(function(){
		$('#donatecont').animate({
			top: '57%', opacity:0 }, 300, function(){$("#donatecontent").css('display','none');});
		return false;
	});
	
	$("#donclose").click(function(){
		$('#donatecont').animate({
			top: '57%', opacity:0 }, 300, function(){$("#donatecontent").css('display','none');});
		return false;
	});
	
	/*_________________________________________________________________________________________ TOGGLE COMMENTS*/
	var close = false;
	var showtext = $("#showcomments a").text();
	
	$("#showcomments a").text("Hide comments");
	$('#info').css('display','inherit');
	
	$("#showcomments").click(function(){
		//$("#info").slideToggle("600");	
		if(close){
			$("#showcomments a").text("Hide comments");
			$('#info').css('display','inherit');
			close = false;	
		} else {
			$("#showcomments a").text(showtext);
			$('#info').css('display','none');
			close = true;
		}
	});
	
	
	/*_________________________________________________________________________________________ CUFON*/
	Cufon.replace('#menuitems ul li');
	Cufon.replace('.item .head h2');
	Cufon.replace('#about .rightside h2');
	Cufon.replace('#galsecs a');
	Cufon.replace('#comments h2');
	Cufon.replace('#donatecont h3');
	Cufon.replace('h2');
	
	//Disable rightclick	
	$(this).bind("contextmenu", function(e) {
		e.preventDefault();
	});
	
	/*_________________________________________________________________________________________ FILTER*/
	
	$('[name=countries]').change(function(){
		//alert($(this).val()+' ' +$('[name=types]').val());
		filterGallery($(this).val(),$('[name=types]').val(),$('[name=stats]').val(),1);
	});
	$('[name=types]').change(function(){
		filterGallery($('[name=countries]').val(),$(this).val(),$('[name=stats]').val(),1);
	});
	$('[name=stats]').change(function(){
		filterGallery($('[name=countries]').val(),$('[name=types]').val(),$(this).val(),1);
	});
	$('#gallery #next').click(function(){
		//filterGallery($('[name=countries]').val(),$('[name=types]').val(),$('[name=stats]').val(),$(this).attr('rel'));
		//return false;
	});
	$('#gallery #prev').click(function(){
		//filterGallery($('[name=countries]').val(),$('[name=types]').val(),$('[name=stats]').val(),$(this).attr('rel'));
		//return false;
	});
	
	
	$('#filterSubmit').css('display','none');
	
	/*_________________________________________________________________________________________ SLIDESHOW*/
	
	$("#gallery .setitem").hover(
	  function () {
		$(this).fadeTo("fast", 0.85);
	  }, 
	  function () {
		$(this).fadeTo("fast", 1);
	  }
	);
	
	$("#links .linksitem").hover(
	  function () {
	 	$(this).fadeTo("fast", 0.75);
	  }, 
	  function () {
	    $(this).fadeTo("fast", 1);
	  }
	);
	
	/*_________________________________________________________________________________________ PHOTO COMMENT AJAX*/
	
	$('#comments form').submit(function(){
				var query = '';
				var error = true;
				
				var curhtml = $('#comments .rightside').html();
				var typeid =  $.trim($("input[name='typeid']").val());
				var naam =  $.trim($("input[name='name']").val());
				var comment = replaceNewLine($.trim($("textarea[name='message']").val()));
				var photoid = $("input[name='photoid']").val();
				var email = $.trim($("input[name='email']").val());
				var vraag = $.trim($("input[name='vraag']").val());
				var spam = $("input[name='site']").val();
				
				var currentTime = new Date();
				var month = currentTime.getMonth();
				var arr2=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sept","Oct","Nov","Dec");
				
				var day = currentTime.getDate();
				var year = currentTime.getFullYear();
				var date = day + " " + arr2[month] + " " + year;
				
				var yourcomment = '<div class="commentbox"><h3><span>'+naam+'</span><span class="time">'+date+'</span></h3><p>'+comment+'</p></div>';

				if( naam != '' && comment != '' && spam == 'human' && vraag==6){
					error = false;
					query = 'action=addPhotoComment&comment=' + comment + '&typeid=' + typeid +'&naam='+naam+'&email='+email+'&photoid='+photoid;
					$('#error').html('');
				}
				else{
					error = true;
					$('#error').html('<ul style="margin-top:15px"><li><span>Please fill in every field correctly!</span></li></ul>');
				}
				
				// geen errors meer
				if(!error){
					var countComments = Number($(".countCom").text())+1;
					$(".countCom").text(countComments);
					$(".countComm").text(countComments);
					
					$.ajax({
						type: 'get',
						data:  query,
						url: 'pages/ajax.php',
						error: function(XMLHttpRequest, textStatus, error){
							//alert('error commentsform: ' + textStatus + ' ' + error);
						},
						success: function(response){
							$("input[name='typeid']").val('');
							$("input[name='name']").val('');
							$("input[name='email']").val('');
							$("input[name='vraag']").val('');
							$("textarea[name='message']").val('');
							$.get("pages/ajax.php", {'action': 'getPhotoComments','photoid':photoid} , function(response) {
							    if(countComments==1){
							    	$('#comments .rightside').html(yourcomment);
							    }else {
									//alert(response);
									$('#comments .rightside').html(yourcomment+=curhtml);
								}
							});
						}
					});
				}
			// niet submitten	
				return false;		
	});

});

function filterGallery(country_id,type_id,stats_id,page){	
	var query = 'action=filterGallery&types='+type_id+'&countries='+country_id+'&stats='+stats_id + '&p='+page;
	window.location="index.php?page=gallery&p="+page+"&countries="+country_id+"&types="+type_id+"&stats="+stats_id+"&filterSubmit=search";
	return false;
	
	$.ajax({
			type: 'get',
			//data: ({action: 'filterGallery', types:type_id, countries: country_id }),
			data:  query,
			url: 'pages/ajax.php',
			error: function(XMLHttpRequest, textStatus, error){
				//alert('error: filtergallery ' + textStatus + ' ' + error);
			},
			success: function(response){
				//alert('resp '+ response);
				$('#sets').css('display','none');
				$('#sets').html(response);
			// redefine clickhandlers	
				$('#gallery #prev').click(function(){
					filterGallery($('[name=countries]').val(),$('[name=types]').val(),$('[name=stats]').val(),$(this).attr('rel'));
					return false;
				});
				$('#gallery #next').click(function(){
					filterGallery($('[name=countries]').val(),$('[name=types]').val(),$('[name=stats]').val(),$(this).attr('rel'));
					return false;
				});
				
				$('#sets').fadeIn(300);
				$("#gallery .setitem").hover(
				  function () {
				 	$(this).fadeTo("fast", 0.85);
				  }, 
				  function () {
				    $(this).fadeTo("fast", 1);
				  }
				);
				
				
			}
			
	});
}
function replaceNewLine(myString) {
	return myString.replace(/\n/g, "<br />\n");	
}
function getImages(from,a){
		var query = 'action=latestPhotos&amount='+a;
		$.ajax({
				type: 'get',
				data:  query,
				url: 'pages/ajax.php',
				error: function(XMLHttpRequest, textStatus, error){
					//alert('error: getImges ' + textStatus + ' ' + error);
				},
				success: function(response){
					$('#photoslides').html(response);
					$("#photoslides img").hover(
					  function () {
					 	$(this).fadeTo("fast", 0.7);
					  }, 
					  function () {
					    $(this).fadeTo("fast", 1);
					  }
					);
				}
				
		});
	}

/*_________________________________________________________________________________________ PRELOAD IMG*/
function loadImage(image, breedte){
	var img = new Image();
	
	$(img).load(function(){
		// hide first
		$(this).css('display','none'); 
		$("#imgtemp").append($(this));
		$(".preloader").css('display','none');
		$(this).fadeIn();
	}).error(function () {
		//error
	}).attr({src:image, width:breedte});
}

function addfav() {
 	title = "FOANTJE - Photography / Urban";
 	url = "http://www.foantje.com";

	if (window.sidebar) {
		window.sidebar.addPanel(title, url,"");
	} else if( window.external ) {
		window.external.AddFavorite( url, title); }
	else if(window.opera && window.print) {
		return true; }
	return false;
 }