$(document).ready(function(){
      hoverSubmenu();	
      initSlideshow();
	initSifr();
	showSub();
	initSlideshowDetails();
	contact();
	bestel();
	radiobuttons();
	addBestelregel();
	readPrikbord();
	closeMessage();
	showField();
});



function hoverSubmenu() {
	$('.menu_item').hover(function() {
		$(this).children('.submenu, .submenu_top').show();
	}, function() {
		$(this).children('.submenu, .submenu_top').hide();
	});
}

function showField(){
	$('#maakzichtbaar').click(function(){
		$(this).next('.onzichtbaar').toggle();
	});
}

function readPrikbord(){
	$('.banner').click(function(){
		if($(this).parent('.prikbord-item').hasClass('active')){
			$(this).next('.prikbord-content').slideUp('fast', function(){
				$(this).parent('.prikbord-item').removeClass('active');
			 });
	   } else {
			$(this).parents('.prikbord-items-wrapper').find('.prikbord-content').slideUp('fast', function(){
				$(this).parent('.prikbord-item').removeClass('active');
			 });
			$(this).parent('.prikbord-item').addClass('active');
			$(this).next('.prikbord-content').slideDown('fast');
	   }
	})
}

function closeMessage(){
	$('.close').click(function(){
		$(this).parent('.prikbord-content').slideUp('fast', function(){
			$(this).parents('.prikbord-item').removeClass('active');
		 });
    })
}

function addBestelregel(){
	var nID = 1;
	$('.nwregel.plus').click(function(){
		nID++;
		var oRegel = $(this).parent().clone();
		oRegel.find('.nwregel').removeClass('plus').addClass('min');
		oRegel.find('.artikel').attr('id','artikel_'+nID).val('');
		oRegel.find('.aantal').attr('id','aantal_'+nID).val('');
		oRegel.find('.verpakking').attr('id','verpakking_'+nID).val('');
		//$(this).parent().after(oRegel);
		$('.form_regel_bestellen_wrapper').append(oRegel);
		delBestelregel();
	});
}
function delBestelregel(){
	$('.nwregel.min').click(function(){
		$(this).parent().remove();
	});
}

function radiobuttons() {
	$('.radiobtn').click(function(){
		$(this).parent('.radios').find('.radiobtn').removeClass('active');
		$(this).children('.radio_input').attr('checked','checked');
		$(this).addClass('active');
	});
}

function initSlideshow() {
	$('#foto_wrapper')
		.before('<div id="nav">')
		.cycle({
			fx:     'fade',
			timeout: 5000,
			speed:	 700,
			pager: '#nav',
			after: function(curr,next,opts) {
				initSifr();	
			}
	});
}
function initSlideshowDetails(){
	$('#image_wrapper_slideshow')
		.cycle({
			fx:     'fade',
			timeout: 7000,
			speed:	 700
	});
}

var nBreed = 0;
function showSub() {
	$('#menu li').hover(function(){
		nAantal = $(this).children('.submenu').find('.subkolom').size();
		nBreed = (nAantal * 180) - 28;
		nTotal = nAantal * 180;
		
		$('.sub_top_center').css('width',nBreed);
		$('.sub_bottom_center').css('width',nBreed);
		$('.submenu').css('width',nTotal);
		
		$(this).children('.submenu').show();
		if($(this).find('.submenu').length > 0) {
			$(this).children('a').addClass('sub');
		}
	}, function(){
		$(this).children('.submenu').hide();
		$(this).children('a').removeClass('sub');
	});
};

function initSifr(){
	sIFR.replace(colaborate, {
	selector: 'h1.titel'
	,css: [
	  '.sIFR-root {  color: #ffffff; display: block; font-weight: normal; line-height: 40px; font-size: 40px; visibility: hidden; padding: 0;}'
	],
	wmode: 'transparent'
	});
	
	sIFR.replace(officina, {
	selector: 'h1.subtitel'
	,css: [
	  '.sIFR-root {  color: #ff8401; display: block; font-weight: normal; line-height: 18px; font-size: 18px; visibility: hidden; padding: 0;}'
	],
	wmode: 'transparent'
	});
	
	sIFR.replace(officina, {
	selector: 'h2.titels'
	,css: [
	  '.sIFR-root {  color: #036f50; display: block; font-weight: normal; line-height: 22px; font-size: 22px; visibility: hidden; padding: 0;}'
	],
	wmode: 'transparent'
	});
	
	sIFR.replace(officina, {
	selector: 'h2.adres'
	,css: [
	  '.sIFR-root {  color: #ff8401; display: block; font-weight: normal; line-height: 18px; font-size: 18px; visibility: hidden; padding: 0;}'
	],
	wmode: 'transparent'
	});
	
		sIFR.replace(officina, {
	selector: 'h2.inschrijven'
	,css: [
	  '.sIFR-root {  color: #ffffff; display: block; font-weight: normal; line-height: 18px; font-size: 18px; visibility: hidden; padding: 0;}'
	],
	wmode: 'transparent'
	});

}

var iconOK = '<img src="images/template/vink_oke.gif" alt="" />';
var iconError = '<img src="images/template/fout.gif" alt="" />';
var iconDisabled = '<img src="images/template/vink_leeg.gif" alt="" />';

function contact() {
	$('span.icon').html(iconDisabled);
	$('#contactformulier').validate({
		debug: true,
		rules: {
			naam: 'required',
			adres: 'required',
			plaats: 'required',
			tel: 'required',
			mail: {
				required: true,
				email: true
			}
		},
		messages: {
			naam: 'Vul a.u.b. uw bedrijfsnaam in.',
			adres: 'Vul a.u.b. uw adres in.',
			plaats: 'Vul a.u.b. uw postcode en/of plaats in.',
			tel: 'Vul a.u.b. uw telefoonnummmer in.',
			emailadres: {
				required: 'Vul a.u.b. uw e-mailadres in.',
				mail: 'Vul a.u.b. een geldig e-mailadres in.'
			}
		},
		errorPlacement: function(error, element) {
			error.insertAfter(element.parent().next('span'));
			element.parent().next('span.icon').html(iconError);
		},
		errorElement: 'div',
		success: function(label) {
			label.prev('span.icon').html(iconOK);
			label.remove();
		},
		submitHandler: function(form) {
			var options = {
				url: 'requests/formulier.php',
				type: 'POST',
				success: function(data) {	
					if(data == 'goed'){
						$('#formulier_wrapper').html('<p class="oke">Uw bericht is succesvol verzonden.</p>');
						$('#formulier_wrapper').hide();
						$('#formulier_wrapper').fadeIn('slow');
						$('#formulier_wrapper').clearForm();
					} else {
						alert(data);
					}
				}
			}
			$(form).ajaxSubmit(options);
			return false;
		}
	});	
}
function bestel() {
	$('span.icon').html(iconDisabled);
	$('#bestelformulier').validate({
		debug: true,
		rules: {
			sBedrijfsnaam: 'required',
			sFactuurAdres: 'required',
			sAfleverAdres: 'required',
			sAfleverPlaats: 'required',
			sTelefoon: 'required'
		},
		messages: {
			sBedrijfsnaam: 'Vul a.u.b. uw bedrijfsnaam in.',
			sFactuurAdres: 'Vul a.u.b. uw factuur adres in.',
			sAfleverAdres: 'Vul a.u.b. uw aflever adres in.',
			sAfleverPlaats: 'Vul a.u.b. uw aflever woonplaats in.',
			sTelefoon: 'Vul a.u.b. uw telefoonnummmer in.'
		},
		errorPlacement: function(error, element) {
			error.insertAfter(element.parent().next('span'));
			element.parent().next('span.icon').html(iconError);
		},
		errorElement: 'div',
		success: function(label) {
			label.prev('span.icon').html(iconOK);
			label.remove();
		},
		submitHandler: function(form) {
			var options = {
				url: 'requests/bestel.php',
				type: 'POST',
				success: function(data) {	
					if(data == 'goed'){
						$('#formulier_wrapper').html('<p class="oke">Uw bericht is succesvol verzonden.</p>');
						$('#formulier_wrapper').hide();
						$('#formulier_wrapper').fadeIn('slow');
						$('#formulier_wrapper').clearForm();
					} else {
						alert(data);
					}
				}
			}
			$(form).ajaxSubmit(options);
			return false;
		}
	});	
}