var host = window.location.host;

jQuery.noConflict();

jQuery(function(){

    jQuery('.menu_list_items').each(function(){

        var width = jQuery(this).width();

        if(width > 142)
        {
            var sublist_child = jQuery(this).children('.sublist');
            var sublist_child_width_middle = sublist_child.width() / 2;

            var middle = width / 2;
            var displacement = middle - sublist_child_width_middle;  
            sublist_child.css('left',displacement);
        }
    
    });

    // Resaltar el ítem del menú que corresponde con la página activa.
    jQuery(".menu_links, .only_menu_links").each(function(){

                var current_href = "http://"+host+jQuery(this).attr("href");
                var this_page = window.location.href;
                
                if (this_page == current_href || this_page+"#" == current_href)  
		{
                    jQuery(this).attr('id','highlighted_parent');
                }      
    });

    jQuery('.only_menu_links').click(function(e) {
	e.preventDefault();
    });

    // Cambiar el cursor en las imágenes de la home.
    jQuery('.home_images div').mouseover(function(){
	    jQuery(this).css('cursor','pointer');
    });

    // Redirigir a la categoría correcta en las imágenes del home.
    jQuery('.home_images > div').click(function(){
	    jQuery(this).css('cursor','pointer');

	    var id = jQuery(this).attr('id');

	    switch(id)
	    {
		case 'home_green_text': window.location = "/outdoor"; break;		
		case 'home_blue_text': window.location = "/arrangementen"; break;
		case 'home_red_text': window.location = "/teambegeleiding"; break;
		case 'home_lightblue_text': window.location = "/beleven_en_trainen"; break;		
	    }
    });

    // Resaltar el padre del elemento en el submenú.
    jQuery('ul.sublist').hover(
    function(){
	    var parent =  jQuery(this).parent();
	    
	    parent.attr('id','highlighted_parent');
    },
    function(){	   
	    var parent = jQuery(this).parent();

	    parent.removeAttr('id');   
    });

    // Galería de imágenes.
    if(jQuery(".scrollable").length > 0 ) {

	    jQuery(".scrollable").scrollable({
		    keyboardSteps: 1,
		    size: 2,
		    clickable: false
	    }).find('a').overlay({
		// each trigger uses the same overlay with the id "gallery"
		target: '#gallery',
		/*// optional exposing effect
		expose: '#000'*/
		// let the gallery plugin do its magic!
		template: '<strong>${title}</strong> <span>Foto ${index} van ${total}</span>'
	    }).gallery({
		// the plugin accepts its own set of configuration options
		speed: 800,
                opacity: 0.9,
		template: '<strong>${title}</strong> <span>Foto ${index} van ${total}</span>'
	    }); 

    }

    // Validar formulario de contacto.
    jQuery('#send_contact_button').click(function(e) {
                
                var message = "";                        
                var field = "";
                            
                var field = jQuery('#UserContactName');
                if(field.val() == "")
                {
                    field.css("border","1px solid #FF0000");                    
                    message = message + '- Voornaam \n';
                }
                else
                {
                    field.css("border","1px solid #666666");                    
                }

                var field = jQuery('#UserContactEmail');
                if(field.val() == "")
                {
                    field.css("border","1px solid #FF0000");
                    message = message + '- E-mailadres \n';
                }
                else
                {
                            field.css("border","1px solid #666666");
                            
                            if (!/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+/.test(field.val()))
                            {
                                field.css("border","1px solid #FF0000");                
                                var message = message + '- Fout e-mailadres\n';          
                            }                          
                }
                
                var field = jQuery('#UserContactMessage');
                if(field.val() == "")
                {
                    field.css("border","1px solid #FF0000");
                    message = message + '- Bericht \n';
                }
                else
                {                    
                    field.css("border","1px solid #666666");                    
                }                
                
                var field = jQuery('#UserContactTelephone');
                if(field.val() == "")
                {
                    field.css("border","1px solid #FF0000");
                    message = message + '- Bericht \n';
                }
                else
                {                    
                    field.css("border","1px solid #666666");                    
                }                
 
                var field = jQuery('#UserContactSubject');
                if(field.val() == "")
                {
                    field.css("border","1px solid #FF0000");
                    message = message + '- Bericht \n';
                }
                else
                {                    
                    field.css("border","1px solid #666666");                    
                }                               
                if (message != "")
                { 
                    //alert('Niet alle velden zijn (correct) ingevuld. \n Vul de verlichte velden (*) in aub. \n\n*********************\n'+message+'*********************');              
                    jQuery('#error_message_contact').show();   
                    e.preventDefault();
                
                }
                else
                {
                    jQuery('#error_message_contact').hide();
                }
    });   

});