$(document).ready(
	(function() {

	    $("#deliveryon").click(
                function() {
                    $("#deliveryinformationOff").toggle(function() {
                        $("#deliveryinformationOn").slideToggle(300);
                    });
                },
                function() {
                    $("#deliveryinformationOn").toggle(function() {
                    $("#deliveryinformationOff").slideToggle(300);
                    });
                }
        );

	    // Add the fun from here...

	    // prepare Options Object 
	    var options = {
	        target: '#ajaxResponseContent',
	        url: '?altTemplate=AddToCart',
		beforeSubmit:  function() {$("#ajaxWait").toggle()},
	        success: function() {
		    $("#ajaxWait").toggle();
	            $("#ajaxResponse").fadeIn(300).fadeTo(2000, 1).fadeOut(700);
	            //$('#ajaxResponse').addClass('pop');
	            //alert('Thanks for your comment!'); 
	        }
	    };

	    // pass options to ajaxForm 
	    $('#ShopForm').ajaxForm(options);

	    // Scroll content in fixed size div
	    // $('#col2_content').jScrollPane();

	    // Validate Form Input Fields clientside - remember to validate serverside too
	
            $("#aspnetForm").validate(); //validerer katalogbestilling baseret på meta data

	    $("#checkoutform").validate({
	        rules: {
	            Iname: {
	                required: true
	            },
	            Iaddress: {
	                required: true
	            },
	            Izip: {
	                required: true,
	                minlength: 1,
	                maxlength: 50
	            },
	            Icity: {
	                required: true
	            },
	            Iemail: {
	                required: true,
	                email: true
	            },
	            Iphone: {
	                required: true,
	                minlength: 1,
	                maxlength: 50
	            },
		    Icvr: {
			required: "#Icompany:filled",
			minlength: 1,
			maxlength: 50,
			number: true
		    },
		    Ibank: {
			required: "#Icompany:filled"
		    },
		    Iowner: {
			required: "#Icompany:filled"
		    }
	        },
	        messages: {
	            Iname: {
	                required: "Udfyld venligst dit Navn."
	            },
	            Iaddress: {
	                required: "Udfyld venligst din Adresse."
	            },
	            Izip: {
	                required: "Udfyld venligst dit Postnummer.",
	                minlength: "Postnummer er ikke udfyldt korrekt.",
	                maxlength: "Postnummer er ikke udfyldt korrekt.",
	                number: "Postnummer er ikke udfyldt korrekt."
	            },
	            Icity: {
	                required: "Udfyld venligst dit Bynavn."
	            },
	            Iemail: {
	                required: "Udfyld venligst en gyldig email.",
	                email: "Email er ikke udfyldt korrekt."
	            },
	            Iphone: {
	                required: "Udfyld venligst dit Telefonnunmmer.",
	                minlength: "Telefonnummer er ikke udfyldt korrekt."
	            },
		    Icvr: {
			required: "Fordi du har udfyldt Virksomhed, skal vi også bruge virksomhedens CVR.",
			minlength: "CVR er ikke udfyldt korrekt.",
			maxlength: "CVR er ikke udfyldt korrekt."
		    },
		    Ibank: {
			required: "Fordi du har udfyldt Virksomhed, skal vi også bruge information omkring din bank."
		    },
		    Iowner: {
			required: "Fordi du har udfyldt Virksomhed, skal vi også bruge navnet på virksomhedens indehaver."
		    }
	        }
	    });

	    // Lighbox functionality
	    $("a.lightbox").fancybox({
	        'autoDimensions': false,
	        'width': '50%',
	        'height': '80%',

	        'titleShow': true,
	        'transitionIn': 'elastic',
	        'transitionOut': 'elastic',
	        'easingIn': 'easeOutBack',
	        'easingOut': 'easeInBack'
	    });
	    // Lighbox functionality
	    $("a.lightbox:has(img)").fancybox({
	        'titleShow': true,
	        'transitionIn': 'elastic',
	        'transitionOut': 'elastic',
	        'easingIn': 'easeOutBack',
	        'easingOut': 'easeInBack'
	    });

	    // HomePage animation
	    $('.slideshow').cycle({
	        fx: 'fade',
	        speed: 2000,
	        timeout: 1500
	    });

	    // ...to here

	})
);