$(document).ready(function(){
	$("ul.menu li:not(.current) a,ul.expander li:not(.current) a").hover(
	      function () {
	    	 $(this).stop().animate({backgroundColor:'#ff0000',color:'#eaeaea'},600);
	      },
	      function () {
	    	  $(this).stop().animate({backgroundColor:'#ebebeb',color:'#696969'},600);
	      });
	
	$("ul.menu li.contact,ul.menu li.about").hover(
		      function () {
		    	  $("ul.expander:visible").hide('slide',{direction:'up'},400);
		      },
		      function () {
		      });	 
	
	if($('ul.menu li.websites,ul.menu li.drukwerk').hasClass('current')){
		var autoopen = $('.current').attr('title');
		$("ul." + autoopen + "_expander").show();
	}
	
	$("span.breadcrumb a, span.button").hover(
	      function () {
	        $(this).stop().animate({backgroundColor: '#ff0000', color: '#eaeaea'}, 600);
	      },
	      function () {
	    	  $(this).stop().animate({backgroundColor: '#d4d4d4', color: '#2e2e2e'}, 600);
	      });
	
	$("ul.menu li.websites,ul.menu li.drukwerk").hover(
	      function (){
	    	  var menuselect = $(this).attr('title');
	    	  if(menuselect == 'drukwerk'){var notselect = 'websites'}
	    	  else if(menuselect == 'websites'){var notselect = 'drukwerk'}
	    	  
	    	  if( $("ul." + menuselect + "_expander").is(':visible')){}
	    	  else if( $("ul." + notselect + "_expander").is(':visible')){
	    		  $("ul." + notselect + "_expander").stop(true, true).hide('slide',{direction:'up'},400,function(){
	    			  $("ul." + menuselect + "_expander").stop(true, true).show('slide',{direction:'up'},400);
	    		  });
	    	  }
	    	  else if( $("ul.menu li." + menuselect).hasClass('current') && $("ul." + menuselect + "_expander").is(':not(:visible)')){
	    		  if( $("ul." + notselect + "_expander").is(':visible')){
		    		  $("ul." + notselect + "_expander").hide('slide',{direction:'up'},400,function(){
		    			  $("ul." + menuselect + "_expander").stop(true, true).show('slide',{direction:'up'},400);
		    		  });
	    		  }
	    		  else{
	    			  $("ul." + menuselect + "_expander").stop(true, true).show('slide',{direction:'up'},400);
	    		  }
	    	  }
	    	  else{$("ul." + menuselect	 + "_expander").stop(true, true).show('slide',{direction:'up'},400);}
	    	  
		      },
		      function () {});
	
	$("span.breadcrumb:not(:last-child)").after('<img src="/img/misc_arrow.png" />');
	
	$("span.prev,span.next,span.selector").hover(
	      function () {
	    	 $(this).find('img').stop(true,true).fadeIn();
	      },
	      function () {
	    	 $(this).find('img:not(.aangeklikt)').stop(true,true).fadeOut();
	      });
	$(".relateditems div,.randomitems div,.portfolioitems div").hover(
	      function () {
	    	 $(this).find('img').stop(true,true).fadeIn("slow");
	    	 $(this).find('span').stop().animate({top:"35px",opacity:1},300,function(){
				    jQuery.each(jQuery.browser, function(i) {
				        if($.browser.msie){
				            $('#list_box').css({opacity:''});
				        }
				    });
				});
	      },
	      function () {
	    	 $(this).find('img:not(.itembg)').stop(true,true).fadeOut("slow");
	    	 $(this).find('span').stop().animate({top:"80px",opacity:0},300).animate({top:"10px"},50);
	      });

		$('<img src="/img/icon_bezoeksite.png" />').appendTo("span.button[name='bezoeksite']");
		$('<img src="/img/icon_contact.png" />').appendTo("span.button[name='contact']");
		$('<img src="/img/icon_facebook.png" />').appendTo("span.button[name='facebook']");
		$('<img src="/img/icon_hyves.png" />').appendTo("span.button[name='hyves']");
		$('<img src="/img/icon_linkedin.png" />').appendTo("span.button[name='linkedin']");
		$('<img src="/img/icon_verzenden.png" class="verzenden" />').appendTo("span.button[name='verzenden']");
		
		$("li.current a").css({color:'#eaeaea'});
		$("div.fotoslider img:nth-child(1)").show();
		$("div.slideselector span:nth-child(1)").find('img').addClass('aangeklikt').show();
		
		var portbolletjes = $('div.slideselector').children().size();
		if(portbolletjes == 1){$('div.slideselector').css("marginTop","361px");}
		else if(portbolletjes == 2){$('div.slideselector').css("marginTop","335px");}
		else if(portbolletjes == 3){$('div.slideselector').css("marginTop","309px");}
		else if(portbolletjes == 4){$('div.slideselector').css("marginTop","283px");}
		
		 var timer = setInterval('portfolioslide()', 6000);
		 var topslider = setInterval('topslider()', 5000);
		
		$('div.slideselector span').click(function(){
			x=($(this).attr('id'));
			clearInterval(timer);
			$("div.slideselector span:visible").find('img').hide().removeClass('aangeklikt');
			$("div.slideselector span:nth-child(" + x + ")").find('img').show().addClass('aangeklikt');
			$("div.fotoslider img:visible").hide('slide',{direction:'down'},500,function(){
				$("div.fotoslider img:nth-child(" + x + ")").show('slide',{direction:'up'},500);
			});
		});
		
		
		
	// drukwerprijzen AJAX-requests
	
	$('#productselector').change(function(){
		var product = $(this).val();
		$.ajax({
			url: '/drukwerkprijzen.php',
			type: 'GET',
			data: 'item=selector&product=' + product,
			
			beforeSend: function(){
				$('#formaatselector').remove();
				$('#papierselector').remove();
				$('img.drukwerkloader').show();
		  	},
			
			success: function(result) {
				$('#selectors').append(result);
				$('img.drukwerkloader').hide();
					$('#papierselector').change(function(){
								var product = $('#productselector').val();
								var formaat = '';
								if (product != "visitekaartjes") {
									var formaat = $('#formaatselector').val();
								}
								var papier = $(this).val();
								$.ajax({
									url: '/drukwerkprijzen.php',
									type: 'GET',
									data: 'item=prijzen&formaat=' + formaat + '&product=' + product + '&papier=' + papier,
									
									beforeSend: function(){
										$('#prijzencontainer').empty();
										$('img.drukwerkloader').show();
								  	},
									
									success: function(result) {
										$('#prijzencontainer').append(result);
										$('img.drukwerkloader').hide();
									}
								});
							})
					$('#formaatselector').change(function(){
					var product = $('#productselector').val();
					var formaat = $(this).val();
					$.ajax({
						url: '/drukwerkprijzen.php',
						type: 'GET',
						data: 'item=selector&formaat=' + formaat + '&product=' + product,
						
						beforeSend: function(){
							$('#papierselector').remove();
							$('img.drukwerkloader').show();
					  	},
						
						success: function(result) {
							$('#selectors').append(result);
							$('img.drukwerkloader').hide();
							$('#papierselector').change(function(){
								var product = $('#productselector').val();
								var formaat = '';
								if (product != "visitekaartjes") {
									var formaat = $('#formaatselector').val();
								}
								var papier = $(this).val();
								$.ajax({
									url: '/drukwerkprijzen.php',
									type: 'GET',
									data: 'item=prijzen&formaat=' + formaat + '&product=' + product + '&papier=' + papier,
									
									beforeSend: function(){
										$('#prijzencontainer').empty();
										$('img.drukwerkloader').show();
								  	},
									
									success: function(result) {
										$('#prijzencontainer').append(result);
										$('img.drukwerkloader').hide();
									}
								});
							})
						}
					});
				})
			}
		});
	})
});

x=2;
function portfolioslide(){
	var totalSlides = $('div.fotoslider').children().size();
	if (totalSlides != 1) {
		if (x <= (totalSlides + 1)) {
			$("div.fotoslider img:nth-child(" + (x - 1) + ")").hide('slide', {
				direction: 'down'
			}, 500);
			$("div.slideselector span:nth-child(" + (x - 1) + ")").find('img').removeClass('aangeklikt').fadeOut(500, function(){
				$("div.fotoslider img:nth-child(" + x + ")").show('slide', {
					direction: 'up'
				}, 500);
				$("div.slideselector span:nth-child(" + x + ")").find('img').addClass('aangeklikt').fadeIn(500, function(){
					x++;
				});
			});
		}
		if (x == (totalSlides + 1)) {
			$("div.fotoslider img:nth-child(" + (x - 1) + ")").hide('slide', {
				direction: 'down'
			}, 500);
			$("div.slideselector span:nth-child(" + (x - 1) + ")").find('img').removeClass('aangeklikt').fadeOut(500, function(){
				$("div.fotoslider img:nth-child(1)").show('slide', {
					direction: 'up'
				}, 500);
				$("div.slideselector span:nth-child(1)").find('img').addClass('aangeklikt').fadeIn(500, function(){
					x = 2;
				});
			});
		}
	}
}

//ajax request contactform

$(function() {
		$('#contactsubmit').click(function() {
			  var naam = $("#naam").val();
			  var email = $("#email").val();
			  var telefoon = $("#telefoon").val();
			  var bericht = $("#bericht").val();
			  $.ajax({
				url: 'contact.php?submit=true',
				type: 'POST',
				data: 'naam=' + naam + '&email=' + email + '&telefoon=' + telefoon + '&bericht=' + bericht,
				
				beforeSend: function(){
				  $('img.loader').show();
			  	},
				
				success: function(result) {
				$('#response').append('<p>' + result + '</p>');
				$('#response').appendTo("#contact");
				$('#response').hide();
				$('#contentdiv').fadeOut('normal', function() {
					$('#contentdiv').hide();
					$('#response').fadeIn('normal',function(){
						this.style.removeAttribute('filter');
						});
				});
				}
			  });
			return false;
		});
 });
