jQuery.noConflict();

jQuery(document).ready(function()
{
	var currentPosition = 0;
  	var slideWidth = 949;
  	var slides = jQuery('.slide');
	var numberOfSlides = slides.length;
	var timer = 4000; // 4 seconds
	var position=0;
	var error_color = "#ffb5b5";
	var warning_validation_fail = "Niet alle velden zijn volledig ingevuld, controleer uw invoer en probeer het opnieuw";
	
	/*START SLIDER SCRIPT*/
	jQuery('#online_shop_btn_een_next').click(function()
    {
		//start controle velden
		var error = 0;
		
		//controleer lengte:
		if(jQuery("#lengte").val()=="") 
		{
			jQuery("#lengte").css("background", error_color);
			error++;
		}
		else jQuery("#lengte").css("background", "#fff");
		
		if(jQuery("#breedte").val()=="") 
		{
			jQuery("#breedte").css("background", error_color);
			error++;
		}
		else jQuery("#breedte").css("background", "#fff");
		
		//--einde controle velden

		if(error == 0)
		{
			jQuery('#steps').animate(
			{
		    	left: '-=669'
		  	}, 500, function()
		  	{
		    	// Animation complete.
		  	});
	  	}
	  	else
	  	{
	  		alert(warning_validation_fail);
	  	}
	});
	
	//lengte en breedte alleen nummerieke waardes toelaten:
	jQuery("#lengte").ForceNumericOnly();
	jQuery("#breedte").ForceNumericOnly();
	
	jQuery('#online_shop_btn_twee_next').click(function()
    {
		//schuif naar links
	  	jQuery('#steps').animate(
		{
	    	left: '-=669'
	  	}, 500, function()// Animation complete.
	  	{
		    //scroll pagina naar boven:
		    jQuery('html, body').animate(
		    {
		    	scrollTop:600
		    }, 'slow');
	  	});
	});
	
	jQuery('#online_shop_btn_twee_previous').click(function()
    {
	  jQuery('#steps').animate({
	    left: '+=669'
	  }, 500, function() {});
	});
	
	jQuery("input[name=design]").click(function()
	{
		//schuif naar links
	  	jQuery('#steps').animate(
		{
	    	left: '-=669'
	  	}, 500, function()// Animation complete.
	  	{
		    //scroll pagina naar boven:
		    jQuery('html, body').animate(
		    {
		    	scrollTop:600
		    }, 'slow');
	  	});
	});
	
	
	jQuery('#online_shop_btn_drie_next').click(function()
    {
		//start controle velden
		var error = 0;
		
		//controleer lengte:
		if(jQuery("#naam").val()=="") 
		{
			jQuery("#naam").css("background", error_color);
			error++;
		}
		else jQuery("#naam").css("background", "#fff");
		
		if(jQuery("#telefoon_nr").val()=="") 
		{
			jQuery("#telefoon_nr").css("background", error_color);
			error++;
		}
		else jQuery("#telefoon_nr").css("background", "#fff");
		
		if(jQuery("#email").val()!="" && !isValidEmailAddress(jQuery("#email").val()) )
		{
			jQuery("#email").css("background", error_color);
			alert("Het opgegeven email adres is geen geldig email adres, controleer uw invoer en probeer het opnieuw.");
			return false;
		}
		else jQuery("#email").css("background", "#fff");
		//--einde controle velden

		if(error == 0)
		{
			//start annimatie:
			jQuery('#steps').animate(
			{
		    	left: '-=669'
		  	}, 500, function()
		  	{
		    	//start ajax verzoek:
		    	jQuery.post("/../mailer/mail_send.php", 
		    	{
		    		lengte: jQuery("#lengte").val(),
		    		breedte: jQuery("#breedte").val(),
		    		type: jQuery('input:radio[name=type]:checked').val(),
		    		design: jQuery('input:radio[name=design]:checked').val(), 
		    		
		    		naam: jQuery("#naam").val(), 
		    		telefoon_nr: jQuery("#telefoon_nr").val(),
		    		email: jQuery("#email").val(),
		    		straat: jQuery("#straat").val(),
		    		nr: jQuery("#nr").val(),
		    		postcode: jQuery("#postcode").val(),
		    		plaats: jQuery("#plaats").val(), 
		    		
		    		verzending: jQuery('input:radio[name=verzending]:checked').val()
		    	},
			    function(data)
			    {
			    	//alert("Data Loaded: " + data);
			    	
			    	jQuery("#naam_display").html(jQuery("#naam").val());
			    	
			    	jQuery('#steps').animate(
			    	{
				    	left: '-=669'
				  	}, 500, function()
				  	{
				    	// Animation complete.
					});
			    });
				//--einde ajax verzoek
			});
			//--einde annimatie
	  	}
	  	else
	  	{
	  		alert(warning_validation_fail);
	  	}
	});
	
	
	jQuery('#online_shop_btn_drie_previous').click(function()
    {
	  jQuery('#steps').animate({
	    left: '+=669'
	  }, 500, function() {
	    // Animation complete.
	  });
	});
	/*EINDE SLIDER SCRIPT*/
	
	
	
	/*START ACCORDION SCRIPT*/   
    jQuery('div.accordionButton').click(function() {
        jQuery('div.accordionContent').slideUp('normal');    
        jQuery(this).next().slideDown('normal');
    });
    jQuery("div.accordionContent").hide();
    /*EINDE ACCORDION SCRIPT*/
    
    jQuery('div.accordionContent_first').slideDown('normal');
	
	
  	// Remove scrollbar in JS
  	jQuery('#slidesContainer').css('overflow', 'hidden');

  	// Wrap all .slides with #slideInner div
  	slides
    .wrapAll('<div id="slideInner"></div>')
    // Float left to display horizontally, readjust .slides width
	.css({
      'float' : 'left',
      'width' : slideWidth
    });
    
    
    // Set #slideInner width equal to total width of all slides
  	jQuery('#slideInner').css('width', slideWidth * numberOfSlides);

  	// Create event listeners for .controls clicks
  	jQuery('.control').bind('click', function(){
	    // Determine new position
		currentPosition = (jQuery(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
	    
	    //stop automatisch doorlopen van de slideshow:
	    jQuery(".uncontrolled-interval p").stopTime("slideshow");
	    
	    // Move slideInner using margin-left
	    jQuery('#slideInner').animate({
	      'marginLeft' : slideWidth*(-currentPosition)
	    });
	});
	 
	
	jQuery(".uncontrolled-interval p").everyTime(timer, 'slideshow', function(i) 
	{
		if(position > (numberOfSlides-2))
	    {
	    	position = 0;
	    }
	    else 
	    {
	    	position++;
	    }
	    
	    //alle bullits grijs maken:
	    var i=0;
		while(numberOfSlides > i)
		{
			jQuery('#slide_bullit_'+i).removeClass('active');
			i++;
		}
		
		//stel de juiste tekst bij de slide in:
	    jQuery('#slide_text').fadeOut('slow', function()
	    {
			jQuery('#slide_text').html(jQuery('#slide_text_'+position).html());
	  	});
	    jQuery('#slide_text').fadeIn('slow');

	    //actieve bullit instellen
	    jQuery('#slide_bullit_'+position).addClass('active');
	    
	    // Move slideInner using margin-left
	    jQuery('#slideInner').animate(
	    {
	      'marginLeft' : slideWidth*(-position)
	    });
	});
	
	
	jQuery('#slide_bullit').css('width', (17*numberOfSlides));
	  
	jQuery('.stop').click(
	function()
	{
		jQuery(".uncontrolled-interval p").stopTime("slideshow");
	});

	jQuery('.start').click(
	function() 
	{
		jQuery(".uncontrolled-interval p").everyTime(timer, 'slideshow', function(i) 
		{
			if(position > (numberOfSlides-2))
		    {
		    	position = 0;
		    }
		    else 
		    {
		    	position++;
		    }
		    
		    //alle bullits grijs maken:
		    var i=0;
			while(numberOfSlides > i)
			{
				jQuery('#slide_bullit_'+i).removeClass('active');
				i++;
			}

		    //actieve bullit instellen
		    jQuery('#slide_bullit_'+position).addClass('active');

		    //stel de juiste tekst bij de slide in:
		    jQuery('#slide_text').fadeOut('slow', function()
		    {
				jQuery('#slide_text').html(jQuery('#slide_text_'+position).html());
		  	});
		    jQuery('#slide_text').fadeIn('slow');
		    
		    // Move slideInner using margin-left
		    jQuery('#slideInner').animate(
		    {
		      'marginLeft' : slideWidth*(-position)
		    });
		    
		    jQuery('#slideTextInner').animate(
		    {
		      'marginLeft' : slideWidth*(-position)
		    });
		});
	});
	
	
	//bolletjes onder afbeelding:
	var i=0;
	while(numberOfSlides > i)
	{
		jQuery('#slide_bullit').append('<li class="bullit" id="slide_bullit_'+i+'" onClick="manageControl('+i+', '+numberOfSlides+', '+slideWidth+');"><span>&nbsp;&nbsp;&nbsp;&nbsp;</span></li>');
		
		//actieve bullit instellen
    	jQuery('#slide_bullit_'+position).addClass('active');
    
		i++;
	}

});



jQuery.fn.ForceNumericOnly =
function()
{
    return this.each(function()
    {
        jQuery(this).keydown(function(e)
        {
            var key = e.charCode || e.keyCode || 0;
            // allow backspace, tab, delete, arrows, numbers and keypad numbers ONLY
            return (
                key == 8 || 
                key == 9 ||
                key == 46 ||
                (key >= 37 && key <= 40) ||
                (key >= 48 && key <= 57) ||
                (key >= 96 && key <= 105));
        })
    })
};

function manageControl(position, numberOfSlides, slideWidth)
{
    jQuery(".uncontrolled-interval p").stopTime("slideshow");
    
    // Hide left arrow if position is first slide
	if(position==0){ jQuery('#leftControl').hide() } else{ jQuery('#leftControl').show() }
	
	//alle bullits grijs maken:
    var i=0;
	while(numberOfSlides > i)
	{
		jQuery('#slide_bullit_'+i).removeClass('active');
		i++;
	}
	
    //actieve bullit instellen
    jQuery('#slide_bullit_'+position).addClass('active');
	
	// Hide right arrow if position is last slide
    if(position==numberOfSlides-1){ jQuery('#rightControl').hide() } else{ jQuery('#rightControl').show() }
    
    jQuery('#slideInner').animate({
		'marginLeft' : slideWidth*(-position)
	});   
}

function isValidEmailAddress(emailAddress) {
var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
return pattern.test(emailAddress);
};