$(document).ready(function() {
	// infaden van de slides wanneer het document geheel geladen is.
	$('.scrollbar-menu').fadeIn('slow');
	
	//slideshow
	$('#slideholder').cycle({ 
	    fx:     'scrollHorz', 
	    speed:  'slow', 
	    timeout: 0, 
	    next:   '#right', 
	    prev:   '#left',
	 	after:  popupBallon,
		before: fadeoutInfo
		
	});
	
	
	// activeren van overlay
	$('#slideholder img').hover(function() {$('#overlay').fadeIn("slow");});
	// deactiveren van overlay
	$('#overlay').hover(function() {}, function() {$(this).fadeOut("slow")});
	
	// Uitfaden van de info bij het gebruik van de key's
	function fadeoutInfo () {
		$('#overlay .holder').fadeOut('fast');
	}
	
	// ophalen van de info	
	function popupBallon() {
		
		var id = $('#slideholder img:visible').attr('id');
		var content = $('.caption' + id).html();
		$('#overlay .holder').html(content);
		$('#overlay .holder').fadeIn('fast');
		}
		
	// Sneltoesten voor de slideshow
	$(document).keypress(function(e)
	{
		switch(e.which)
		{
			case 97:$('#left').click();
						break;

			case 115:$('#right').click();
						break;

		}

 	});

	// invullen van de default values
	$('input[type=text]').usableForms();
	$('textarea').usableForms();
	$('input[type=text], textarea').click(function() {
		$(this).addClass('selected');
	});

	


	// scrolbar navigatie
	var windowheigth =  $(window).height();
	var pixels = 36*windowheigth/100
	var pixelRond = Math.round(pixels)
	$('.trummbox').css('margin-top', pixelRond)
	// -
	var contactpixels = 33*windowheigth/100
	var contactpixelRond = Math.round(contactpixels)
	$('.contact').css('margin-top', contactpixelRond)
	// -
	var portfoliopixels = 6*windowheigth/100
	var portfoliopixelRond = Math.round(portfoliopixels)
	$('.portfolio').css('margin-top', portfoliopixelRond)
	
	// smoothscroll
	function filterPath(string) {
        return string
	           .replace(/^\//,'')
	           .replace(/(index|default).[a-zA-Z]{3,4}$/,'')
	          .replace(/\/$/,'');
	         }
	var locationPath = filterPath(location.pathname);
	         $('a[href*=#]').each(function() {
	           var thisPath = filterPath(this.pathname) || locationPath;
	           if (  locationPath == thisPath
	           && (location.hostname == this.hostname || !this.hostname)
	           && this.hash.replace(/#/,'') ) {
	           var $target = $(this.hash), target = this.hash;
	             if (target) {
	               var targetOffset = $target.offset().top;
	               $(this).click(function(event) {
	                 event.preventDefault();
	                 $('html, body').animate({scrollTop: targetOffset}, 400, function() {
	                   location.hash = target;
	                  });
	              });
	            }
	          }  
	});

    
	// ajax handling contact form
	$("#sent").click(function(){
		$(this).hide();
	    $("#formbox #middle, #formbox #sent , #formbox #top").hide();
		$('.loader').fadeIn('fast');	
		$("#formbox").prepend('<div class="loader"></div>');
	
	  var name = $("input#name").val();
	  var email = $("input#email").val();
	  var msg = $("textarea#comment").val();
	  $.ajax({
      type: "POST",
      url: "contact.php",
      data: "name=" + name + "&email=" + email + "&msg=" + msg,
      success: function(fb){
 	    $("#formbox #middle, #formbox #sent , #formbox #top").hide();
       	if (fb == "true") {
			$('.loader').fadeOut('fast').remove();
			$("#formbox").prepend('<div class="thanksmgs">Uw bericht is verstuurd richting <b>Trumm</b>.<br> We nemen zo snel mogelijk contact met u op!</div>');
        	$('.thanksmgs').fadeIn('slow');
			setTimeout(function(){ 
				$('.thanksmgs').fadeOut('slow', function() {
					$('input[type=text]').attr("value","");
					$('textarea').attr("value","");
					$('input[type=text]').usableForms();
					$('textarea').usableForms();
					$("#formbox #middle, #formbox #sent , #formbox #top").show();
				}).remove(); 
				}, 5000);			
		}
        if (fb == "false") {
			$('.loader').fadeOut('fast').remove();
			$("#formbox").prepend('<div class="errormsg">Er ging iets fout, kijkt u nog eens goed naar uw naam en emailadres.</div>');
			$('.errormsg').fadeIn('slow');
			setTimeout(function(){ 
			$('.errormsg').fadeOut('slow', function() {
				$("#formbox #middle, #formbox #sent , #formbox #top").show();
			}).remove(); 
			}, 3000);
        }
      }
    });
	});
});