﻿function pageLoad() {
    var hetdomein = $('.jsPath').val();
    //alert(hetdomein);
    maakflash(hetdomein);
    if ($('#random_image1').length > 0) { maakrandomimages(hetdomein); }

    /*** validatie ***/
    $('.validatie-pointer').each(function() {
        active = ($(this).css('display'));
        if (active == "inline") {
            $(this).parents('.rij').find('input').addClass('error');
        }
    });

    $('input[type="text"]').focus(function() {
        $(this).addClass('focussed');
    });

    $('input[type="text"]').blur(function() {
        $('input[type="text"]').removeClass('focussed');
        $('.validatie-pointer:visible').parents('.rij').find('input[type="text"]').addClass('error');
        $('.validatie-pointer:visible').parents('.rij').find('input[type="text"]').before('<span class="erroricon">erroricon</span>');
        $('.validatie-pointer:hidden').parents('.rij').find('input[type="text"]').removeClass('error');
        $('.validatie-pointer:hidden').parents('.rij').find('.erroricon').remove();
    });

    $('input[type=submit]').click(function() {
        $('.validatie-pointer:visible').parents('.rij').find('input[type="text"]').addClass('error');
        $('.validatie-pointer:visible').parents('.rij').find('input[type="text"]').before('<span class="erroricon">erroricon</span>');
        $('.validatie-pointer:hidden').parents('.rij').find('input[type="text"]').removeClass('error');
        $('.validatie-pointer:hidden').parents('.rij').find('.erroricon').remove();
        setTimeout(check, 10);
    });
    /** einde validatie **/
}

function check() {
    $('.validatie-pointer:visible').parents('.rij').find('input[type="text"]').addClass('error');
    $('.validatie-pointer:hidden').parents('.rij').find('input[type="text"]').removeClass('error');
    $('.validatie-pointer:hidden').parents('.rij').find('.erroricon').remove();
}




$('document').ready(function() {

    /** start lightbox met flash **/
    $('.bekijk-het-filmpje').click(function() {
        $('form').after("<div id=\"overlay\">&nbsp;</div>");
        $(this).blur();
        $('#overlay').css('opacity', '0.5');
        $('#overlay').fadeIn(500, overlay_ingeladen);
    });





});
//einde document ready


/** start lightbox met flash **/
function overlay_ingeladen() {
    $('#filmpje-flash').css('z-index', 90000);
    $('#filmpje-flash').center();
    $('#filmpje-flash').show();
    $('#filmpje-flash').append('<div id="filmpje-flash-content"></div>');

    if (jQuery.fn.flash.hasFlash(8, 0, 0)) {
                    var flashvars = {
                        staticPath: "http://staticcontent.orange-juice.nl/mijnsprookjes/swf/videoplayer/"
                    };
                    var params = {
                        menu: "false",
                        wmode: "transparent",
                        allowScriptAccess: "always"
                    };
                    var attributes = {};
                    swfobject.embedSWF("http://staticcontent.orange-juice.nl/mijnsprookjes/swf/videoplayer/videoplayer.swf", "filmpje-flash-content", "623", "400", "8", "", flashvars, params, attributes);
                }
        
        else { $('#alt').css('z-index', 90000);  }
    
 
    }


    function sluit_overlay() { $('#filmpje-flash').hide(); overlay_gesloten(); $('#filmpje-flash-content').remove(); }
    function overlay_gesloten() { $('#overlay').fadeOut(500, $('#overlay').remove()); }



/** einde lightbox met flash **/

function trim(value) {
    value = value.replace(/^\s+/, '');
    value = value.replace(/\s+$/, '');
    return value;
}

function maakflash(url) {
    $('.dropcaps').each(function() {
        var tekst = trim($(this).text());
        $(this).flash(
			{
			    src: url + 'Flashtext/dropcaps.swf',
			    width: 75,
			    height: 70,
			    wmode: 'transparent',
			    menu: false,
			    flashvars: { detekst: tekst, kleur: "000000" }
			}, { update: false }
		);
    });


    $('.subkop').each(function() {
        var tekst = trim($(this).text());
        $(this).flash(
			{
			    src: url + 'Flashtext/subkop.swf',
			    width: 390,
			    height: 30,
			    wmode: 'transparent',
			    menu: false,
			    flashvars: { detekst: tekst, KleurEersteLetter: "b00342", kleur: "000000" }
			}, { update: false }
		);
    });


    $('.subkop-infodiv').each(function() {
        var tekst = trim($(this).text());
        $(this).flash(
			{
			    src: url + 'Flashtext/subkop.swf',
			    width: 390,
			    height: 30,
			    wmode: 'transparent',
			    menu: false,
			    flashvars: { detekst: tekst, KleurEersteLetter: "ffffff", kleur: "ffffff" }
			}, { update: false }
		);
    });


    $('.small-heading').each(function() {
        var tekst = trim($(this).text());
        $(this).flash(
			{
			    src: url + 'Flashtext/small_heading.swf',
			    width: 270,
			    height: 25,
			    wmode: 'transparent',
			    menu: false,
			    flashvars: { detekst: tekst, kleur: "000000" }
			}, { update: false }
		);
});
    
    


$('.subkop-infodiv, .small-heading, .subkop, .dropcaps').css({ 'visibility': 'visible' });

}
//einde maakflash functies




$(window).resize(function() {
$('#filmpje-flash').center();
});

jQuery.fn.center = function() {
    this.css("position", "absolute");
    this.css("top", ($(window).height() - this.height()) / 2 + $(window).scrollTop() + "px");
    this.css("left", ($(window).width() - this.width()) / 2 + $(window).scrollLeft() + "px");
    return this;
}


function maakrandomimages(hetdomein) {
    /* op de sprookjespagina, random afbeeldingen pakken */
    var pad = hetdomein + "content_images/Tales/MS_grph_";
    var MinNum = (1);
    var MaxNum = (21);
    var afbeelding_nummer_1 = Math.floor(Math.random() * (MaxNum - MinNum)) + MinNum;
    var afbeelding_nummer_2 = Math.floor(Math.random() * (MaxNum - MinNum)) + MinNum;
    if (afbeelding_nummer_1 == afbeelding_nummer_2) { afbeelding_nummer_2++ }
    if (afbeelding_nummer_2 == 21) { afbeelding_nummer_2 = 1; }
    //voorloopnullen toevoegen
    if (afbeelding_nummer_1 < 10) { afbeelding_nummer_1 = "0" + afbeelding_nummer_1 }
    if (afbeelding_nummer_2 < 10) { afbeelding_nummer_2 = "0" + afbeelding_nummer_2 }
    
    var img1 = pad + afbeelding_nummer_1 + ".jpg";
    var img2 = pad + afbeelding_nummer_2 + ".jpg";
    $('#random_image1').append('<img src="' + img1 + '" alt="" />');
    $('#random_image2').append('<img src="' + img2 + '" alt="" />');
}




