$(document).ready(function() {
     init_lightbox();
     init_slideshow();
    $('.delete').click(function() {
        return confirm('Wordt verwijderd, doorgaan?');
    });

    //maxlength functies voor invoerpagina's
    /* gebruik: Geen de class (.textarea of .input mee. In de Rel="" kun je aangeven hoeveel karakters maximaal! */
    $('textarea[rel]').each(function() {
            var max = $(this).attr('rel');
            $(this).charCounter(max, {
                container: "<div></div>",
                classname: "counter",
                format: "Tekens: %1"
            });
    });
    $('.input').each(function() {
        if ($('.input').attr('Rel')) {
            var max = $(this).attr('Rel');
            $(".input").charCounter(max, {
                container: "<div></div>",
                classname: "counter",
                format: "Tekens: %1"
            });
        }
    });

    //einde document ready
});



function pageLoad() {
    /*** validatie ***/
    $('.validatie-pointer').each(function() {
        active = ($(this).css('display'));
        if (active == "inline") { $(this).parents('p').find('input, textarea').addClass('errorinput'); }
    });
    $('input').blur(function() {
        $('.validatie-pointer:hidden').parents('p').find('input, textarea').removeClass('errorinput');
        $('.validatie-pointer:visible').parents('p').find('input, textarea').addClass('errorinput');
    });
    $('.do-validate').click(function() {
        $('.validatie-pointer:hidden').parents('p').find('input, textarea').removeClass('errorinput');
        $('.validatie-pointer:visible').parents('p').find('input, textarea').addClass('errorinput');
        setTimeout(check, 10);
    });
    /** einde validatie **/
 
}
function check() {
    $('.validatie-pointer:hidden').parents('p').find('input, textarea').removeClass('errorinput');
    $('.validatie-pointer:visible').parents('p').find('input, textarea').addClass('errorinput');
}


/**** start popup ***/
function init_lightbox() {
    $('.magnifie').click(function() {
        $(this).blur();
        var url = $(this).attr('href');
        //maak overlay
        $('body').append('<div id="overlay-content"><a href="javascript:void(0);" class="icon-x">sluiten</a><img id="mainimage" src="'+url+'" /></div>');
        $('body').append('<div id="overlay"></div>');
        $('#overlay-content').center(); 
        $('#mainimage').load(function() { 
            $('#mainimage').show();
            $('#overlay-content').center(); 
            });
        
        remove_popup();
        return false;
    });
}

$(window).bind('resize', function() { $('#overlay-content').center(); });   

function remove_popup() {
    $('#overlay, #overlay-content .icon-x').click(function() {
        $('#overlay-content').remove();
        $('#overlay').remove();
    });
}
/*** einde popup ***/










/* Activeer uitklapmenu */
/* sfHover = function() {
    var sfEls = document.getElementById("nav").getElementsByTagName("LI");
    for (var i = 0; i < sfEls.length; i++) {
        sfEls[i].onmouseover = function() {
            this.className += " ie_does_hover";
        }
        sfEls[i].onmouseout = function() {
            this.className = this.className.replace(new RegExp(" ie_does_hover\\b"), "");
        }
    }
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
*/

function startcal() {
    if ($.browser.msie && $.browser.version.substr(0, 1) < 7) {
        $('#form .rij select').css({ 'visibility': 'hidden' })
    }
}
function hidecal() {
    if ($.browser.msie && $.browser.version.substr(0, 1) < 7) {
        $('#form .rij select').css({ 'visibility': 'visible' })
    }
}


/*** genereren van bestand ***/
function startProcessing() {
    $('body').append('<div id="overlay-content" style="padding-top:10px;"><div id="processingpopup"><h1>Bezig met verwerken...</h1><p>Er wordt op dit moment een resultaat samengesteld.</p><div class="loading">Een moment geduld alstublieft</p></div></div></div>');
    $('body').append('<div id="overlay"></div>');
    $('#overlay-content').center();

    //Downloadfile('test', true);
    return false;
}

function stopProcessing() {
    $('#overlay-content').remove();
    $('#overlay').remove();
    return false;
}
function Downloadfile(url, success) {
    //stopProcessing();
    if (success == true) {
        $('body').append('<div id="overlay-content" style="padding-top:10px;"><a href="javascript:void(0)"; onclick="javascript:stopProcessing();" class="icon-x">sluiten</a><div id="downloadpopup"><h1>Resultaat bekijken</h1><p>Het bestand is gereed, gebruik onderstaande knop<br/>om het bestand te openen of op te slaan.</p><div class="download"><a id="targetlink" target="blank" class="btn">Resultaat bekijken</a></p></div></div></div>');
        $('#targetlink').attr('href', url);
    } else {
        $('body').append('<div id="overlay-content" style="padding-top:10px;"><a href="javascript:void(0)"; onclick="javascript:stopProcessing();" class="icon-x">sluiten</a><div id="downloadpopup"><h1>Generatie resultaat mislukt</h1><p>Er is iets misgegaan bij de generatie van het resultaat.<br/>Probeer het aub opnieuw.</p></div></div>');
    }
    $('body').append('<div id="overlay"></div>');
    $('#overlay-content').center();
}




function init_slideshow() {
if ($('.slideshow').length > 0) {
          $('.slideshow').cycle({
		    fx: 'fade',
		    timeout:  2000
	    });
	}
}



/** plugin center **/

(function($){
     $.fn.extend({
          center: function (options) {
               var options =  $.extend({ // Default values
                    inside:window, // element, center into window
                    transition: 0, // millisecond, transition time
                    minX:0, // pixel, minimum left element value
                    minY:0, // pixel, minimum top element value
                    withScrolling:true, // booleen, take care of the scrollbar (scrollTop)
                    vertical:true, // booleen, center vertical
                    horizontal:true // booleen, center horizontal
               }, options);
               return this.each(function() {
                    var props = {position:'absolute'};
                    if (options.vertical) {
                         var top = ($(options.inside).height() - $(this).outerHeight()) / 2;
                         if (options.withScrolling) top += $(options.inside).scrollTop() || 0;
                         top = (top > options.minY ? top : options.minY);
                         $.extend(props, {top: top+'px'});
                    }
                    if (options.horizontal) {
                          var left = ($(options.inside).width() - $(this).outerWidth()) / 2;
                          if (options.withScrolling) left += $(options.inside).scrollLeft() || 0;
                          left = (left > options.minX ? left : options.minX);
                          $.extend(props, {left: left+'px'});
                    }
                    if (options.transition > 0) $(this).animate(props, options.transition);
                    else $(this).css(props);
                    return $(this);
               });
          }
     });
})(jQuery);



$(function() {
    //check of textbox disabled is - class toevoegen
    $('textarea[disabled],input[type=text][disabled]').addClass('disabled');

    //check of de textbox een autovalue heeft 
    $('textarea[autovalue],input[type=text][autovalue]').each(function() {
        var autovalue = $(this).attr('autovalue');
        $(this).val(autovalue);
        $(this).focus(function() {
            if ($(this).val() == autovalue) {
                $(this).val('');
            }
        });
        $(this).blur(function() {
            if ($(this).val() == '') {
                $(this).val(autovalue);
            }
        });
    });

    $('.radiolist input[type=radio]').click(function() {
        if ($(this).is(':checked')) {
            $(this).parents('.radiolist').find('input[type=text]').attr('disabled', 'disabled');
            $(this).parents('.radiolist').find('input[type=text]').addClass('disabled');
            $(this).parents('.rij').find('input[type=text]').removeAttr('disabled');
            $(this).parents('.rij').find('input[type=text]').removeClass('disabled');
        }
    });
    //$('.radiolist input[type=radio]:first').attr('checked', 'checked').change();
});