$(document).ready(function(){
	ROYslide("#smaken","#soorten");
	ROYslide("#grootverpakking","#Gsoorten");
	ROYshowBigPic("ul.packshots li a","groot");
	ROYshowBigPic("#creationsnl p a","groot");
	ROYshowBigPic("#creationsfr p a","groot");
	ROYshowBigPic("ul#OOHoverzicht li a","OOHgroot");
	ROYclaim("#LeguMmmProcess","#claim","#claimclose");
	ROYroll("#nl","#rollNL");
	ROYroll("#fr","#rollFR");
	ROYform();
	ROYrandom();
	DUALLvalidateNL("div.formulier form");
	DUALLvalidateFR("div.formulierFR form");
	screenshotPreview();
});

function ROYslide(selector,div) {
	$(div).hide();
	$(selector).toggle(
		function() { 
		$(div).slideDown("slow"); //SlideInUp
		},
		function() { 
		$(div).slideUp("slow"); //SlideOutUp
		});
	
}

function ROYshowBigPic(selector,classDiv){
	$(selector).click(function(){
		$("div."+classDiv+"").remove();
		var ROYname = $(this).attr("id");
		$("body").append("<div class="+classDiv+"></div>");
		$("div."+classDiv+"").hide();
		$("div."+classDiv+"").attr("id",""+ROYname+"_groot").append("<img>").wrapInner("<a></a>");
		$("div."+classDiv+" a").attr("href","#").addClass("close");
		$("div."+classDiv+" a img").attr("src","/img/packshots/"+ROYname+".jpg").attr("alt","royco minute soup");
		$("div."+classDiv+"").slideDown("fast");
		$("a.close").click(function(){
			$("div#"+ROYname+"_groot").slideUp("fast",function(){
				$("div#"+ROYname+"_groot").remove();
				});
			});
		return false;
	});
	return false;
}

function ROYclaim (selector,div,closeSelector){
	$(div).hide();
	$(selector).click(function(){
		$(div).slideDown("fast");
	});
	$(closeSelector).click(function(){
		$(div).slideUp("fast");
	});
}


function ROYroll (selector,div){
	$(div).hide();
	$(selector).hover(function(){
		
		$(div).fadeIn("fast");
			}, function () {
		$(div).fadeOut("fast");
		}
	);
}


function ROYrandom(){

	var rm = Math.floor(Math.random()*16);
	var rm2 = Math.floor(Math.random()*16);
	if (rm2 != rm){
		if (rm < 10){
			if (rm != 0) {
				rm.toString;
				rm = "0"+rm;
			} else {
				rm="01";
			}
		} else {
			rm.toString;
		};
	
		if (rm2 < 10){
			if (rm2 != 0) {
				rm2.toString;
				rm2 = "0"+rm2;
			} else {
				if (rm !="02"){
					rm2="02";
				} else {
					rm2="03"
				}
			}
		} else {
			rm2.toString;
		};
	} else {
		rm="01";
		rm2="02";
	}
			$("img.imgRklein").attr("src","/img/RoyRandom_"+rm+".jpg");
		$("img.imgRgroot").attr("src","/img/RoyRandom_"+rm2+".jpg");

}

function ROYform(){

$("input.bedrijf").parent("p").hide();

$("input[value='bedrijf']").click(function(){
	$("input.bedrijf").parent("p").slideDown();
	});	
	
$("input[value='particulier']").click(function(){
	if($("input.bedrijf").parent("p").is(":visible")){
		$("input.bedrijf").parent("p").slideUp();
	
	} 
	
	});
}

function DUALLvalidateNL(FORM) {
	if($(FORM).length){ // zijn de forms aanwezig op de pagina?
		$(FORM).validate({
			rules: {
				strPartName: "required",
				test: "required",
				strAccountMail: {required: true, email: true},
				strAccountFunction: {required: "input[value='bedrijf']:checked"},
				strAccountCompany: {required: "input[value='bedrijf']:checked"},
				strAccountAddress1: {required: "input[value='bedrijf']:checked"},
				strAccountAddress2: {required: "input[value='bedrijf']:checked"},
				strAccountGSM: {required: "input[value='bedrijf']:checked"}
			},
			messages: {
				strPartName: "&uarr; Dit veld is verplicht",
				test: "&uarr; Gelieve een keuze te maken.",
				strAccountMail: {
					required: "&uarr; Gelieve uw e-mailadres correct in te geven",
					email: "&uarr; e-mail moet in het volgende formaat: naam@domein.com"
				},
				strAccountFunction: "&uarr; Gelieve de functie van de verantwoordelijke in te vullen",
				strAccountCompany: "&uarr; Dit veld is verplicht",
				strAccountAddress1: "&uarr; Dit veld is verplicht",
				strAccountAddress2: "&uarr; Dit veld is verplicht",
				strAccountGSM: "&uarr; We hebben je telefoonnummer nodig om je te kunnen contacteren"
				}
		});	
	}
}

function DUALLvalidateFR(FORM) {
	if($(FORM).length){ // zijn de forms aanwezig op de pagina?
			$(FORM).validate({
				rules: {
					strPartName: "required",
					test: "required",
					strAccountMail: {required: true, email: true},
					strAccountFunction: {required: "input[value='bedrijf']:checked"},
					strAccountCompany: {required: "input[value='bedrijf']:checked"},
					strAccountAddress1: {required: "input[value='bedrijf']:checked"},
					strAccountAddress2: {required: "input[value='bedrijf']:checked"},
					strAccountGSM: {required: "input[value='bedrijf']:checked"}
				},
				messages: {
					strPartName: "&uarr; Veuillez utiliser uniquement des lettres, des tirets, des espaces et des virgules",
					test: "&uarr; Ce champ est obligatoire",
					strAccountFunction: "&uarr; Veuillez entrer votre fonction",
					strAccountCompany: "&uarr; Veuillez indiquer une raison sociale correcte composée d’au moins un caractère ou chiffre",
					strAccountAddress1: "&uarr; Veuillez saisir des informations correctes pour le champ Ligne d’adresse 1",
					strAccountAddress2: "&uarr; Veuillez saisir des informations correctes pour le champ Ligne d’adresse 2",
					strAccountMail: {
						required: "&uarr; Veuillez entrer une adresse e-mail valable",
						email: "&uarr; Veuillez entrer une adresse e-mail valable: *****@*****.**"
				},
					strAccountGSM: "&uarr; Afin de pouvoir vous contacter nous avons besoin de votre adresse numéro de GSM"
				}
		});
	}
}

/*
 * Image preview script 
 * powered by jQuery (http://www.jquery.com)
 * 
 * written by Alen Grakalic (http://cssglobe.com)
 * 
 * for more info visit http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery
 *
 */
 
this.screenshotPreview = function(){	
	/* CONFIG */

		xOffset = 100;
		yOffset = 20;

		// these 2 variable determine popup's distance from the cursor
		// you might want to adjust to get the right result

	/* END CONFIG */
//	$(".screenshot").hover(function(e){
	$(".screenshot").hover(function(e){
		this.t = this.title;
		this.title = "";
		var c = (this.t != "") ? "<br/>" + this.t : "";
//		$("body").append("<p id='screenshot'><img src='"+ this.rel +"' alt='url preview' />"+ c +"</p>");
		$("body").append("<p id='screenshot'><img src='"+ this.rel +"' alt='" + this.alt +"' /><span>"+ c +"</span></p>");
		$("#screenshot")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("slow");
		},
	function(){
		this.title = this.t;	
		$("#screenshot").remove();
    });	
	$(".screenshot").mousemove(function(e){
		$("#screenshot")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});			
};