//set no conflict to jquery
var $j = jQuery.noConflict();

$j(document).ready(function(){
	$j('#belmijterug_form').css({'opacity':'0','display':'block'});
	//bel mij terug Function
	$j('#belmijterug').click(function(){
		if($j(this).is('.open')){
			var pel = $j('#belmijterug').offset();
			$j('#belmijterug_form').css('top', pel.top +'px').css('left', pel.left + 107 +'px');
			$j('#belmijterug_form').animate({'width':'410px','opacity':'1'},400);
			$j(this).removeClass('open');
		}else{
			$j('#belmijterug_form').animate({'width':'10px','opacity':'0'},300);
			$j(this).addClass('open');
		}
	});
	
	var pel = $j('#belmijterug').offset();
	//remove text on focus
	$j('#belmijterug_form input[type=text]').focus(function(){
		if($j(this).val() == $j(this).attr('name')){
		$j(this).val('');
		}
	});
	//put text back if there is no value
	$j('#belmijterug_form input[type=text]').blur(function(){
		if($j(this).val() == ''){
			$j(this).val($j(this).attr('name'));
		}
	});
	
	//[bel mij terug form] send mail
	$j('#belmijterug_form').submit(function(){
		var uur = $j('#belmijterug_form input[type=radio]:checked').val();
		var name = $j('#belmijterug_form input[name=Naam]').val();
		var tel = $j('#belmijterug_form input[name=Telefoonnummer]').val();
		if(name == '' || name == 'Naam' || name.length < 3){
			$j('#belmijterug_form input[name=Naam]').css('border','1px solid #e00');
			return false;
		}else{
			$j('#belmijterug_form input[name=Naam]').css('border','1px solid #1F2F3F');
		};
		if(tel == '' || tel == 'Telefoonnummer' || tel.length < 6 || tel.length > 13){
			$j('#belmijterug_form input[name=Telefoonnummer]').css('border','1px solid #e00');
			return false;
		}else{
			$j('#belmijterug_form input[name=Telefoonnummer]').css('border','1px solid #1F2F3F');
		};
		//#1F2F3F
		$j('#belmijterug_form input[type=submit]').hide();
		$j('.preloading').show();
		$j.ajax({
			type: "POST",
			url: "belmijterug_form.php",
			data: "name=" + name + "&tel=" + tel + "&uur=" + uur + "",
			success: function(msg){
				//alert(msg);
				$j('.preloading').hide();
				$j('#belmijterug_form input').hide();
				$j('#belmijterug_form').html('<div class="msg"><p>'+ msg + '</p></div>');
			}
		});
		return false;
	});
	
	//jq effect slide up
	$j('.acordeon h2').next().hide(); //hide elements
	$j('.acordeon h2:first').addClass('open'); //add class on first element
	$j('.acordeon h2:first').next().css('display','block'); //display first emelent's child
	$j('.acordeon h2').next().addClass('slide_box'); //display first emelent's child

	//toggle elements
	function show(element){
		$j('.acordeon .open').removeClass('open');
		$j(element).next().slideToggle(620);
		$j(element).addClass('open');
	}	
	
	//on click event
	$j('.acordeon h2').click(function(){
		if($j(this).is('.open')){
			//do nothing
		}else{
			//alert($j(this));
			$j('.acordeon .open').next().slideToggle(750, show($j(this)));
		}
	})

	
//comments
	$j('#comments_output').load('guestbook/view.php');
	$j('#comments').hide();
	$j('.new_comment').click(function(){
		$j('.new_comment').slideToggle(400);
		// $j('#comments').show(600);
		$j('#comments').slideToggle(600);
	})
	$j('#comments').submit(function(){
		var user = $j('#comments .user').val();
		var comment = $j('#comments .comment').val();
		
		if(user == ''){
			$j('#comments .user').css('border','1px solid red');
			return false;
		}else if(comment == ''){
			$j('#comments .comment').css('border','1px solid red');
			return false;
		}else{
			$j('#comments label,#comments input,#comments textarea').animate({'opacity':0},500,function(){$j('#comments').addClass('loading')});
			$j.ajax({
				type: "POST",url: "guestbook/add.php",data: "user=" + encodeURIComponent(user) + "&comment=" + encodeURIComponent(comment),
				success: function(msg){
					if(msg == 'ok'){
						//$j('#comments').slideUp(1000);
						//send notification email
						$j.ajax({
							type: "POST",url:"guestbook/mail_send.php",data: "user=" + encodeURIComponent(user) + "&comment=" + encodeURIComponent(comment),
							success: function(msg){
									//$j('#comments').slideUp(1000);
									$j('#comments').addClass('ready');
									$j('#comments').removeClass('loading');
									$j('#comments .thanks i').show();
									$j('#comments .thanks').slideToggle(700);
									//alert(msg);
							}
						});
					}else{alert('error')}
				}
			});
			return false;
		}
	});

//page navigation [top]
if($j(".pnav_prev0").length>0){$j(".pnav_prev").css("display","block");}
if($j(".pnav_next0").length>0){$j(".pnav_next").css("display","block");}

$j("#fbLink span").css("opacity",0);
$j("#fbLink").hover(function(){
	$j("#fbLink img").stop().animate({"opacity":0},400);
	$j("#fbLink span").animate({"opacity":1},400);
	},function(){
	$j("#fbLink img").stop().animate({"opacity":1},200);
	$j("#fbLink span").animate({"opacity":0},200);
	});

}); //End of document Ready