/**
 * Algemeen
 */
$(function(){
	$('input[type=text]').live('focus',function(e){
		
        $(this).get(0).focus();
        $(this).get(0).select();
        
		//$(this).val('');
	});
	
	$('.blogImageSmall').bind('click', function(e){
		var oldHref = $('#blogImageLink').attr('href');
		var oldSrc = $('#blogImageLink').find('img').attr('src');
		
		$('#blogImageLink').attr('href', $(this).attr('href'));
		$('#blogImageLink').find('img').attr('src', $(this).attr('rel'));
		
		$(this).attr('href', oldHref);
		$(this).attr('rel', oldSrc); // .replace('150_', '35_')
		$(this).find('img').attr('src', oldSrc.replace('150_', '35_'));
		
		e.preventDefault();
		return false;
	});
	
	// preload image:
	var img = new Image(16,11);
	img.src = '/images/ajax-loader.gif';
});

/**
 * INSCHRIJVEN CURSUS
 */
$(function(){
	// tmp
	$('#addBedrijf').live('click', function(e){
		// loader image aanleggen:
        $(this).parent().parent().append('<img id="ajaxLoader" src="/images/ajax-loader.gif" alt="loading" title="loading" />');
        
        var currentAmount = $('#deelnemerAmount').val()*1;
        var form = $(this).get(0).form;
        var data = $(form).serializeArray();

        // Ajax call om nieuw subform op te halen
        $.ajax({
          url: '/opleidingen/save-info/current/' + currentAmount,
          type:'POST',
          data: data,
          success: function(data){
              $(form).parent().html(data);
          },
          dataType: 'html'
        });
	});
	
	$('#saveInformation').live('click', function(e){
        // loader image aanleggen:
        $(this).parent().parent().append('<img id="ajaxLoader" src="/images/ajax-loader.gif" alt="loading" title="loading" />');
        
        var currentAmount = $('#deelnemerAmount').val()*1;
        var form = $(this).get(0).form;
        var data = $(form).serializeArray();

        // Ajax call om nieuw subform op te halen
        $.ajax({
          url: '/opleidingen/save-info/current/' + currentAmount,
          type:'POST',
          data: data,
          success: function(data){
              $(form).parent().html(data);
          },
          dataType: 'html'
        });
	});
	/*** extra deelnemer ***/
	 $('#btnExtraDeelnemer').live('click', function(e){
	        var form = $(this).parents('form').get(0);
	        var data = $(form).serializeArray();
	        var currentAmount = $('#deelnemerAmount').val()*1;

	        // loader image aanleggen:
	        $(this).parent().append('<img id="ajaxLoader" src="/images/ajax-loader.gif" alt="loading" title="loading" />');
	        // Ajax call om nieuw subform op te halen
	        $.ajax({
	          url: '/opleidingen/extradeelnemer/current/' + currentAmount,
	          type:'POST',
	          data: data,
	          success: function(data){
	              $(form).parent().html(data);
	              initDatepicker();
	          },
	          dataType: 'html'
	        });
	        e.preventDefault();
	        return false;
	    });
    
    $('.remove_extra').live('click', function(e){
        // loader image aanleggen:
        $(this).parent().append('<img id="ajaxLoader" src="/images/ajax-loader.gif" alt="loading" title="loading" />');
        
    	var form = $(this).parents('form').get(0);
    	var data = $(form).serializeArray();
    	var id = $(this).attr('id').split('_');
    	id = id[1];
        $.ajax({
            url: '/opleidingen/verwijder-extradeelnemer/current/' + id,
            type:'POST',
            data: data,
            success: function(data){
                $(form).parent().html(data);
            },
            dataType: 'html'
        });
        e.preventDefault();
        return false;
    });
});

/**
* template data (ajax request)
*/
function template()
{
	$.ajax({ 
		type: "POST", 
		url: '/beheer/ajax/template', 
		data: "tempName=" + $('#Templates').attr('value'),
		dataType: "json",
		success: 
			function(data) 
			{				
				$('#recId').attr('value', '');		
				$('#tempName').attr('value', '');
				$('#tempSubject').attr('value', '');
				$('#tempCc').attr('value', '');
				$('#tempBcc').attr('value', '');
				CKEDITOR.instances.tempMessage.setData('');
				$('#tempVariabelen').html('');
				if(data != '' && data != null)
				{
					$('#recId').attr('value', data.RecId);
					$('#tempName').attr('value', data.TempName);
					$('#tempSubject').attr('value', data.TempSubject);
					$('#tempCc').attr('value', data.TempCc);
					$('#tempBcc').attr('value', data.TempBcc);
					CKEDITOR.instances.tempMessage.setData(data.TempMessage);
					var variabelen = data.Variabelen.split(';');
					var ulString = '<ul>';
					for(var k in variabelen) {
						ulString += '<li>' + variabelen[k] + '</li>';
					}
					ulString += '</ul>';
					$('#tempVariabelen').html(ulString);
				}
			}
		}
	);
}

/**
 * ZOEKEN
 */
$(function() {
    $('.showHideSubIndelingen').live('click', function(e) {
        $(this).parent().find('ul.subindeling').toggle();

        e.preventDefault();
        return false;
    });

    $('.showHideSubSubIndelingen').live('click', function(e) {
        $(this).parent().find('ul.subsubindeling').toggle();

        e.preventDefault();
        return false;
    });

    $('.hfdLink').live('click', function(e) {
        // checkbox togglen:
        $($(this).parents('li').get(0)).find('input').get(0).checked = !$($(this).parents('li').get(0)).find('input').get(0).checked;

        // toevoegen aan de geselecteerde filters
        buildFilters();

        e.preventDefault();
        return false;
    });

    $('input[name=Thema[]]').live('click', function(e) {
        // toevoegen aan de geselecteerde filters
        buildFilters();
    });
    $('#Trefwoord').live('blur', function(e) {
        buildFilters();
    });

    $('#Dagdeel').live('change', function(e) {
        buildFilters();
    });
    $('#Campus').live('change', function(e) {
        buildFilters();
    });
    $('#Duur').live('change', function(e) {
        buildFilters();
    });
    $('#Weekdag').live('change', function(e) {
        buildFilters();
    });

    $('.cbOverzicht').live('click', function(e) {
        // ook checkbox afvinken/waarde leegmaken
        switch ($(this).attr('id')) {
            case 'overzicht_trefwoord':
            case 'overzicht_duur':
            case 'overzicht_weekdag':
            case 'overzicht_dagdeel':
            case 'overzicht_campus':
                var parts = $(this).attr('id').split('_');
                var idname = parts[1].substring(0, 1).toUpperCase() + parts[1].substring(1, parts[1].length);
                $('#' + idname).val('');
                break;
            default:
                var cbValue = $(this).attr('id').replace('overzicht_thema_', '');
                $('input[value=' + cbValue + ']').get(0).checked = false;
                break;
        }

        // weghalen uit het overzicht:
        $(this).parent().remove();
    });

    //WDB: functie om zoekparameters af te vinken
    $('.cbVerwijderZoekParameters').live('click', function(e) {
        // ook checkbox afvinken/waarde leegmaken
        if ($(this).attr('id') == 'verwijder_Trefwoord') {
            var parts = $(this).attr('id').split('_');
            var idname = parts[1].substring(0, 1).toUpperCase() + parts[1].substring(1, parts[1].length);
            $('#' + idname).val('');
        }
        else {
            var cbValue = $(this).attr('id').replace('verwijder_', '');
            $('input[value=' + cbValue + ']').get(0).checked = false;
        }

        //frmZoekParameters submitten
        $('#frmZoekParameters').submit();
    });
    /*
    //WDB: functie om zoekparameters aan te vinken
    $('.cbToevoegenZoekParameters').live('click', function(e) {
    var cbValue = $(this).attr('id');
    $('input[value=' + cbValue + ']').get(0).checked = !$('input[value=' + cbValue + ']').get(0).checked;
    //frmZoekParameters submitten
    $('#frmZoekParameters').submit();
    return false;
    });
    */

    //WDB: functie om zoekparameters aan te vinken
    //(als je een hoofdthema afvinkt, dan moeten alle onderliggende items afgevinkt worden. Als je een sub(sub) thema aanvinkt, dan moet je het hoofd/sub thema ook aanvinken)
    $('.cbToevoegenZoekParameters').live('click', function(e) {
        var cbValue = $(this).attr('id');
        var cbValue_array = cbValue.split("_");
        var cbType = $(this).attr('type');

        if (cbType != "checkbox") {
            $('input[value=' + cbValue + ']').get(0).checked = !$('input[value=' + cbValue + ']').get(0).checked;
        }

        if (cbValue_array.length == 1) {
            if ($('input[value=' + cbValue_array[0] + ']').get(0).checked == false) {
                //alle onderliggende sub(sub)indelingen ook afvinken                
                var elem = document.getElementById('frmZoekParameters').elements;
                for (var i = 0; i < elem.length; i++) {
                    if (elem[i].type == "checkbox") {
                        if (elem[i].value.substring(0, cbValue_array[0].length) === cbValue_array[0]) {
                            elem[i].checked = false;
                        }
                    }
                }
            }
        }

        else if (cbValue_array.length == 2) {
            if ($('input[value=' + cbValue_array[0] + ']').get(0).checked == false && $('input[value=' + cbValue + ']').get(0).checked == true) {
                //vink de bovenliggende hoofdindeling ook aan
                $('input[value=' + cbValue_array[0] + ']').get(0).checked = true;
            }
            else if ($('input[value=' + cbValue + ']').get(0).checked == false) {
                //alle onderliggende subsubindelingen ook afvinken                
                var elem = document.getElementById('frmZoekParameters').elements;
                for (var i = 0; i < elem.length; i++) {
                    if (elem[i].type == "checkbox") {
                        if (elem[i].value.substring(0, cbValue.length) === cbValue) {
                            elem[i].checked = false;
                        }
                    }
                }
            }
        }

        else if (cbValue_array.length == 3) {
            if ($('input[value=' + cbValue_array[0] + ']').get(0).checked == false || $('input[value=' + cbValue_array[0] + '_' + cbValue_array[1] + ']').get(0).checked == false && $('input[value=' + cbValue + ']').get(0).checked == true) {
                //vink de bovenliggende hoofdindeling ook aan
                $('input[value=' + cbValue_array[0] + ']').get(0).checked = true;
                //vink de bovenliggende subindeling ook aan
                $('input[value=' + cbValue_array[0] + '_' + cbValue_array[1] + ']').get(0).checked = true;
            }
        }

        //afbeelding toevoegen dat hij aan het laden is        
        $(this).parent().append('<img id="ajaxLoader" src="/images/ajax-loader.gif" alt="loading" title="loading" />');

        //frmZoekParameters submitten
        $('#frmZoekParameters').submit();
        if (cbType != "checkbox") {
            return false;
        }
    });

});

/*
function ZoekParametersSubmitten() {
    alert("test wouter");
    $('#frmZoekParameters').submit();
}
*/

function buildFilters ()
{
	var overzicht = $('#zoekOverzicht');
	overzicht.html('');
	
	// Trefwoord:
	var trefwoord = $('#Trefwoord').val();
	if (trefwoord !== ""){
		overzicht.append('<span><input class="cbOverzicht" id="overzicht_trefwoord" type="checkbox" name="tmp[]" checked="checked" /><label for="overzicht_trefwoord" class="textBottom">Trefwoord: ' + trefwoord + '</label><br /></span>');
	}
	
	// Thema's:
	$('input:checked').each(function(index, el){
		if ($(el).attr('name') === 'Thema[]') {
			var tekst = $($(el).parent().find('label').get(0)).text();
			overzicht.append('<span><input class="cbOverzicht" id="overzicht_thema_' + $(el).val() + '" type="checkbox" name="tmp[]" checked="checked" /><label for="overzicht_thema_' + $(el).val() + '">Thema: ' + tekst + '</label><br /></span>');
		}
	});
	
	// Filters:
//	var campus = $('#Campus').get(0).options[$('#Campus').get(0).selectedIndex].text;
//	if (campus !== ""){
//		overzicht.append('<span><input class="cbOverzicht" id="overzicht_campus" type="checkbox" name="tmp[]" checked="checked" /><label for="overzicht_campus">Campus: ' + campus + '</label><br /></span>');
//	}

//	var duur = $('#Duur').get(0).options[$('#Duur').get(0).selectedIndex].text;
//	if (duur !== ""){
//		overzicht.append('<span><input class="cbOverzicht" id="overzicht_duur" type="checkbox" name="tmp[]" checked="checked" /><label for="overzicht_duur">Duur: ' + duur + '</label><br /></span>');
//	}
//	
//	var dagdeel = $('#Dagdeel').get(0).options[$('#Dagdeel').get(0).selectedIndex].text;
//	if (dagdeel !== ""){
//		overzicht.append('<span><input class="cbOverzicht" id="overzicht_dagdeel" type="checkbox" name="tmp[]" checked="checked" /><label for="overzicht_dagdeel">Dagdeel: ' + dagdeel + '</label><br /></span>');
//	}
//	
//	var weekdag = $('#Weekdag').get(0).options[$('#Weekdag').get(0).selectedIndex].text;
//	if (weekdag !== ""){
//		overzicht.append('<span><input class="cbOverzicht" id="overzicht_weekdag" type="checkbox" name="tmp[]" checked="checked" /><label for="overzicht_weekdag">Weekdag: ' + weekdag + '</label><br /></span>');
//	}
	
}

/*** Fancy box ***/ 

$(function(){
	$('.longreq').bind('click', function(e){
		// fancybox tonen
		$.fancybox(
			'<p><img src="/images/ajax-loader.gif" alt="loading" title="loading" />&nbsp;Even geduld, de gegevens worden verwerkt</p>',
			{
				titleShow:false,
				centerOnScroll:true,
				hideOnOverlayClick:false,
				showCloseButton:false,
				onComplete:function(){
					$.fancybox.center();
				}
			}
		);
	});
	
    $('#loginlink').fancybox({
    	titleShow:false,
        onComplete:function(){
    		$.fancybox.center();
            $('#gebruikersnaam').get(0).focus();
            $('#gebruikersnaam').get(0).select();
        }
    });
    
    $('#blogImageLink').fancybox({
    	titleShow:false,
        onComplete:function(){
    		$.fancybox.center();
        }
    });
    
    $('.contentImageLink').fancybox({
    	titleShow:false,
        onComplete:function(){
    		$.fancybox.center();
        }
    });
    
    $('.zoekLink').fancybox({
    	titleShow:false,
    	autoDimensions:true,
    	width:990,
    	margin:0,
    	//showCloseButton:false,
    	onComplete:function() {
    		$.fancybox.center();
    	}
    });
    
    $('#registreerlink').fancybox({
    	titleShow:false,
        onComplete:function(){
    		$.fancybox.center();
            $('#Info-GebruikersNaam').get(0).focus();
            $('#Info-GebruikersNaam').get(0).select();
        }
    });
    
    $('.mapBron').fancybox({
    	titleShow:false,
    	autoDimensions:false,
    	width:600,
    	height:600,
    	margin:0,
    	onComplete:function() {
    		$.fancybox.center();
    	}
    });
    
    $('#wachtwoordVergetenlink').fancybox({
    	titleShow:false,
        onComplete:function(){
    		$.fancybox.center();
            $('#gebruikersnaam').get(0).focus();
            $('#gebruikersnaam').get(0).select();
        }
    });

    
	$('.cursusDetail').fancybox({
		titleShow:false,
		autoDimensions:true,
		width:500,
    	margin:0,
    	onComplete:function() {
    		$.fancybox.center();
    	}
	});
	
	$('.vriend').fancybox({
		titleShow:false,
    	margin:0,
    	onComplete:function() {
    		$.fancybox.center();
    	}
	});
});
/*** datepicker ***/

function initDatepicker () {
 $( ".datepicker" ).datepicker({
  monthNames: ['januari', 'februari', 'maart', 'april', 'mei', 'juni',
         'juli', 'augustus', 'september', 'oktober', 'november', 'december'],
         monthNamesShort:['januari', 'februari', 'maart', 'april', 'mei', 'juni',
            'juli', 'augustus', 'september', 'oktober', 'november', 'december'],
         dayNames: ['zondag', 'maandag', 'dinsdag', 'woensdag', 'donderdag', 'vrijdag', 'zaterdag'],
         dayNamesShort: ['zon', 'maa', 'din', 'woe', 'don', 'vri', 'zat'],
         dayNamesMin: ['zo', 'ma', 'di', 'wo', 'do', 'vr', 'za'],
         dateFormat: 'dd-mm-yy', firstDay: 1,
         yearRange: '-90:+00',
         changeMonth: true,
         changeYear: true,
         prevText: 'Vorige', prevStatus: 'Bekijk de vorige maand',
         nextText: 'Volgende', nextStatus: 'Bekijk de volgende maand',
         nextJumpText: '»', nextJumpStatus: 'Bekijk het volgende jaar',
         currentText: 'Vandaag', currentStatus: 'Bekijk de huidige maand',
         todayText: 'Vandaag', todayStatus: 'Bekijk de huidige maand',
         clearText: 'Wissen', clearStatus: 'Wis de huidige datum',
         closeText: 'Sluiten', closeStatus: 'Sluit zonder verandering',
         yearStatus: 'Bekijk een ander jaar', monthStatus: 'Bekijk een andere maand',
         weekText: 'Wk', weekStatus: 'Week van het jaar',
         dayStatus: 'dd-mm-yy', defaultStatus: 'Kies een datum',
         isRTL: false,
         showOn: 'both',
         showButtonPanel: true 
 });
}

$(function() {
 initDatepicker();
});
/*** Toggle slide ***/

$(function() {
     $("a.toon-mijnsyntrawest").click(
        	function() {
        		$("#mijnSyntrawestBox").slideToggle(200);
        	});
     });        	        

//WDB: 15/11/2011: functie om een uitschuifbaar menu item te maken
     $(function() {
         //verberg alle elementen met css class box-1-ingeklapt
         //ksz 06/12 controleren als hij daadwerkelijk ingeklapt is         
         var type = document.getElementById('typeBox');
         var locatie = document.getElementById('locatieBox');
         var thema = document.getElementById('themaBox');
         var lesmoment = document.getElementById('lesmomentBox');
         var Ctype = getCookie("Ctype");
         var Cthema = getCookie("Cthema");
         var Clesmoment = getCookie("Clesmoment");
         var Clocatie = getCookie("Clocatie");

         $(".box-1-ingeklapt").hide();

         if (Ctype != undefined) {
             document.getElementById('typeBox').style.display = Ctype;
         }

         if (Cthema != undefined) {
             document.getElementById('themaBox').style.display = Cthema;
         } else {
             var Box = document.getElementById('themaBox');
             if (Box != undefined) {
                 Box.style.display = "inline";
             }
             //         } else{
             //            document.getElementById('themaBox').style.display = inline
         }

         if (Clesmoment != undefined) {
             document.getElementById('lesmomentBox').style.display = Clesmoment;
             //         }else{
             //            document.getElementById('lesmomentBox').style.display = none
         }
         if (Clocatie != undefined) {
             document.getElementById('locatieBox').style.display = Clocatie;
         }
         //verberg of toon het element met css class box-1-uitgeklapt of box-1-ingeklapt
         $(".titel-1-inklapbaar").click(function() {
             var Box = document.getElementById($(this).attr('id') + "Box");
            
             if (Box.style.display == "inline") {
                 Box.style.display = "none";
             } else {
                 Box.style.display = "inline";
             }

             // $(this).next(".box-1-uitgeklapt").slideToggle(400);
             //$(this).next(".box-1-ingeklapt").slideToggle(400);

             if (type != undefined) {
                 document.cookie = "Ctype=" + type.style.display;
             }
             if (thema != undefined) {
                 document.cookie = "Cthema=" + thema.style.display;
             }
             if (lesmoment != undefined) {
                 document.cookie = "Clesmoment=" + lesmoment.style.display;
             }
             if (locatie != undefined) {
                 document.cookie = "Clocatie=" + locatie.style.display;
             }
             //             alert(document.getElementById('locatieBox').style.display);

         });


     });

   
     function getCookie(c_name){
         var i, x, y, ARRcookies = document.cookie.split(";");
         for (i = 0; i < ARRcookies.length; i++) {
             x = ARRcookies[i].substr(0, ARRcookies[i].indexOf("="));
             y = ARRcookies[i].substr(ARRcookies[i].indexOf("=") + 1);
             x = x.replace(/^\s+|\s+$/g, "");
             if (x == c_name) {
                 return unescape(y);
             }
         }
     }
    


     
//WDB: 08/12/2011: functie om een uitschuifbaar menu item te maken
$(function() {

    //verberg alle elementen met css class box-Hoofdindeling-ingeklapt
    $(".box-Hoofdindeling-ingeklapt").hide();

    //verberg of toon het element met css class box-1-uitgeklapt of box-1-ingeklapt
    $(".titel-Hoofdindeling-inklapbaar").click(function() 
    {
        $(this).next(".box-Hoofdindeling-uitgeklapt").slideToggle(400);
        $(this).next(".box-Hoofdindeling-ingeklapt").slideToggle(400);
    });
});