var activeSide = "both";

$(document).ready(function(){
	
	$('#headerFotos').cycle({
		fx: 'fade',
		timeout: 10000
	});
	
	$("#twitter").getTwitter({
		userName: "ZosoNL",
		numTweets: 1,
		loaderText: "laden...",
		slideIn: false,
		showHeading: false,
		showProfileLink: false,
		showTimestamp: false
	});

	/* draggable sticker */
	$('div.sticker').draggable({
		start: function() { $(this).css({ 'backgroundPosition': "center bottom" }); },
		stop: function(event, ui) { 
			$(this).css({ 'backgroundPosition': "center top" });
			$.post("/_includes/save.coordinates.php", { top:ui.position.top, left:ui.position.left }); 
		}
	});

	/* zoso pagina */
	$('div.item a.meer').click(function() {
		$(this).animate({ opacity:0 },500).parent('div.item').children('div.meer').animate({ height: 'toggle' }, 500);
	});
	
	$('div.meer a.genoeg').click(function() {
		$(this).parent('div.meer').animate({ height: 'toggle' }, 300, function(){ $(this).siblings('a.meer').animate({ opacity:1 },300); });
	});

	var limitIncrease = 3;
	var limitStart = 3;
	$(".laad_meer a").click(function(){
		$(".blog_overzicht_container:last").load("/_pages/blog_overzicht.php?l="+limitStart);
		limitStart += limitIncrease;
		return false;
	});
	
	$(".support a").click(function(){
		$("input[name='formulierVerzonden']").val($(this).attr("id"));
		$("form.support").fadeIn();
		showSupport();
		return false;
	});

	$("form.radio input[name='klant']").change(function(){
		if($(this).val() == "nee"){
			$(".noClient").fadeIn();
		} else {
			$(".noClient").fadeOut();
		}
		$("form.support").focus();
	});
	
	$(".contact .right input, .contact.right textarea").focus(function(){ showSupport(); });
	$(".contact .left input, .contact.left textarea").focus(function(){	showContact(); });

	$(".contact div.left, .contact div.right").hover(function(){
		$(this).animate({ opacity:1 }, 200);
	}, function(){
		if($(this).attr('class') != activeSide && activeSide != "both"){
			$(this).animate({ opacity:0.3 }, 500);
		}
	});

	$("form").validate();
	$("form").submit(function(){
		var thisForm = $(this).attr('class');
		if($(this).valid()){ 
			$.post("/_pages/update.php", $(this).serialize(), function(){
				$("form."+thisForm + " input[type='submit']").css("display","none");
				$("form."+thisForm + " .verzonden").css("display","block");
			});
			return false;
		} 
	}); 

	$("a.telefoonnummer").click(function(){
		$("#overlay").css('display','block');
		$("#telefoonnummer").fadeIn(300);
		return false;
	});
	
	$("#overlay").click(function(){
		$("#overlay").css('display','none');
		$("#telefoonnummer").fadeOut(500);
		return false;
	});


});


function showSupport(){
	activeSide = "right";
	$(".contact div.left").animate({ opacity:0.3 }, 1000);
	$(".contact div.right").animate({ opacity:1 }, 1000);
}

function showContact(){
	activeSide = "left";
	$(".contact div.left").animate({ opacity:1 }, 1000);
	$(".contact div.right").animate({ opacity:0.3 }, 1000);
}

	moveScrollerNav();
	function moveScrollerNav() {
		var a = function() {
	    	var b = $(window).scrollTop();
	    	var d = $("#header #borderBottom").offset().top+40;
	    	var c=$("#nav");
	    	if (b>d) {
	     		c.css({ position:"fixed",top:"0px", zIndex:"999"}).addClass("fixed").fadeIn()
	    	} else {
	      		if (b<=d) {
	        		c.css({ position:"relative",top:"" }).removeClass("fixed")
	      		}
	    	}
	  	};
		$(window).scroll(a);a()
	}

function moveScroller(anker, scroller, offset, cssTop) {
	if(offset == null) { offset = -40; }
	if(cssTop == null) { cssTop = 0; }
	var a = function() {
    	var b = $(window).scrollTop();
    	var d = $(anker).offset().top+offset;
    	var c=$(scroller);
    	if (b>d) {
     		c.css({ position:"fixed",top:cssTop+"px" })
    	} else {
      		if (b<=d) {
        		c.css({ position:"relative",top:"" })
      		}
    	}
  	};
	$(window).scroll(a);a()
}