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);
	    }
	
	}
    );*/
    
    /*jQuery('.items').innerfade({
	    speed: 2000,
	    timeout: 4000,
	    type: 'sequence',
	    containerheight: '220px'
    });*/

    // 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(".sublist_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)  
			{
				var parentMenu = jQuery(this).parents('.menu_list_items');
				jQuery(parentMenu).children('.menu_links, .only_menu_links').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');
		}
    );
    
    // 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');   
		}
    );
    
    // 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();
			    }
		}
    );   

    jQuery('#search').focus(
	function()
	{
	    if(jQuery(this).val() == "Search")
	    {
		jQuery(this).val("");
	    }
	}
    ).blur(
	function()
	{
	    if(jQuery(this).val() == "")
	    {
		jQuery(this).val("Search");
	    }
	}
    );


    // Create google map in contact page.
    if("http://"+host+"/contact" == window.location.href)
    {
	var latlng = new google.maps.LatLng(52.021607,5.170051);
        var myOptions = {
		zoom: 16,
		center: latlng,
		mapTypeControl: false, //Cambiar el tipo de mapa.
		mapTypeId: google.maps.MapTypeId.ROADMAP
	};
        var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
	
	var marker = new google.maps.Marker({ position: latlng });
	//var infowindow = new google.maps.InfoWindow({ content:"This is an arrow test", maxHeight:50 });

	marker.setMap(map);  
	//infowindow.open(map,marker);

    }
    
    jQuery('#transaction_description a').click(function(e) {
	
	jQuery('#transaction_full_text_container').show();
	clearInterval(holdTheInterval);
	e.preventDefault();
	
    });
    
    jQuery('#transaction_full_text a').click(function(e) {
	
	jQuery('#transaction_full_text_container').hide();
	holdTheInterval = setInterval(function(){reload();}, 6000);
	e.preventDefault();
    });
});