/*******************************************************************************
 *
 * Deze framework is ontwikkeld door Creative Dimension. Geen enkel bestand mag 
 * herbruikt of aangepast worden zonder de uitdrukkelijke toestemming van Ewald
 * Vanderveken. Voor meer informatie: ewald@creativedimension.be     
 *
 ******************************************************************************/

$(document).ready(function() {
   // Topmenu mouseover
   $("#menu ul li").hover(function() {
      var iVersie = parseInt(jQuery.browser.version);
      if(iVersie==5 || iVersie==6 || iVersie==7) {
         var iBreedte = parseInt($(this).width()) + 5;
         $("ul", this).css("margin-left", "-" + iBreedte + "px");
         $("ul", this).css("margin-top", "25px");
      }
      
      $("ul", this).show();
   }, function() {
      $("ul", this).hide();
   });
   
   // Google map 1
   if($("div#map1").length>0) {
      var map = new GMap2(document.getElementById("map1"));
      map.setMapType(G_SATELLITE_MAP);
      map.setCenter(new GLatLng(52.631191440801174, 4.748708009283291), 17);
      map.setUIToDefault();
      
      var winkel1 = new GLatLng(52.631191440801174, 4.748708009283291);
      var marker = new GMarker(winkel1)
      var sInhoud = "<strong>Quiksilver Store</strong><br />Achterstraat 58A<br />1811 LJ Alkmaar<br /><br />072 - 520 7171";
      marker.openInfoWindowHtml(sInhoud);
   	GEvent.addListener(marker, "click", function() {
   		marker.openInfoWindowHtml(sInhoud);
   	});
         
      map.addOverlay(marker);
      
      // Google map 2
      var map = new GMap2(document.getElementById("map2"));
      map.setMapType(G_SATELLITE_MAP);
      map.setCenter(new GLatLng(52.617544498244747, 4.621245860180351), 17);
      map.setUIToDefault();
      
      var winkel1 = new GLatLng(52.617544498244747, 4.621245860180351);
      var marker = new GMarker(winkel1)
      var sInhoud = "<strong>Boardriders Club Egmond</strong><br />Voorstraat 158<br />1931 AP Egmond aan Zee<br /><br />072 - 506 4076";
      marker.openInfoWindowHtml(sInhoud);
   	GEvent.addListener(marker, "click", function() {
   		marker.openInfoWindowHtml(sInhoud);
   	});
         
      map.addOverlay(marker);
   }   
   
   // Automatisch rouleren banners
   if($("div.grote_kader").length>0) {
      setInterval(function() {
         var iTotaal = parseInt($("div.foto img").length);
         var iHuidig = parseInt($("span#huidig").html());
         var iNieuw = iHuidig + 1;

         if(iNieuw > iTotaal) {
            iNieuw = 1;
         }
         
         VolgendeVorigeBanner("volgende");
      }, 3000);
      
   }
}); 

/**
 * Toont het juiste menu
 * 
 * @param   p_sNaam     Menunaam  
 */  
function Menu(p_sNaam) {
   $("#link_winkel a").removeClass("actief");
   $("#link_diensten a").removeClass("actief");
   
   $("#link_" + p_sNaam + " a").addClass("actief");
   
   $("#menu_winkel").hide();
   $("#menu_diensten").hide();
   
   $("#menu_" + p_sNaam).show();   
}

/**
 * Veranderd de banner
 * 
 * @param   integer  p_iBanner      Nummer van de banner  
 */ 
function Banners(p_iBanner) {
   $("div.foto img").fadeOut(2000);
   $("div.foto img#banner_" + p_iBanner).fadeIn(2000);
   
   $("div.paginanummering ul li a").removeClass("actief");
   $("div.paginanummering ul li a#nummer_" + p_iBanner).addClass("actief");
   
   $("span#huidig").html(p_iBanner);
}

/**
 * Toont de volgende foto van de banners  
 * 
 * @param   string   p_sSoort    Volgende of vorige  
 */ 
function VolgendeVorigeBanner(p_sSoort) {
   var iAantal = parseInt($("div.foto img").length);
   var iHuidig = parseInt($("span#huidig").html());
   var iNieuw = 0;
   
   if(p_sSoort=="volgende") {
      if(iHuidig>=iAantal) {
         iNieuw = 1;
      } else {
         iNieuw = iHuidig+1;
      }
   } else {
      if(iHuidig<=1) {
         iNieuw = iAantal;
      } else {
         iNieuw = iHuidig-1;
      }
   }
   
   Banners(iNieuw);
}

/**
 * Veranderd de pagina van de fotogallerij
 * 
 * @param   integer  p_iPagina      Pagina nummer  
 */ 
function Fotogallerij(p_iPagina) {
   $("div.fotopagina").hide();
   $("div#fotopagina_" + p_iPagina).fadeIn("def");
   
   $("div#paginas ul li a").removeClass("actief");
   $("div#paginas ul li a#pagina_" + p_iPagina).addClass("actief");
}

/**
 * Voegt een lid toe aan de nieuwsbrief
 * 
 * @param   string   p_sUrl      Bedanktpagina URL  
 */ 
function NieuwsbriefToevoegen(p_sUrl) {
   var sVoornaam = $("input[name='nieuwsbrief_naam']").val();
   var sEmail = $("input[name='nieuwsbrief_email']").val();
   var bRoxy = $("input[name='nieuwsbrief_roxy']").is(':checked');
   var bQuiksilver = $("input[name='nieuwsbrief_quiksilver']").is(':checked');   

   if(bRoxy==false) {
      bRoxy = 0;
   } else {
      bRoxy = 1;
   }
   
   if(bQuiksilver==false) {
      bQuiksilver = 0;
   } else {
      bQuiksilver = 1;
   }   

   if(!sVoornaam || !sEmail) {
      alert(aTalen['niet_alle_velden'][iTaalid]);
   } else {
      if(!CheckEmail(sEmail)) {
         alert(aTalen['geen_geldig_email_adres'][iTaalid]);
      } else {
         if(bRoxy==0 && bQuiksilver==0) {
            alert('U heeft geen groep geselecteerd');
         } else {
            Loader(1);
            
            var aVelden = {};
            aVelden['voornaam'] = sVoornaam;
            aVelden['email'] = sEmail;
            aVelden['roxy'] = bRoxy;
            aVelden['quiksilver'] = bQuiksilver;
            
            $.post("/ajax/NieuwsbriefInschrijven", aVelden, function(aAntwoord) {
               Loader(0);
               if(aAntwoord['success']==1) {
                  window.location = "/" + p_sUrl;                        
               } else {
                  if(aAntwoord['bericht']!="") {
                     alert(aAntwoord['bericht']);
                  }
               }
            }, "json");
         }      
      }
   }
}

/**
 * Toont of verbergt de loader
 * 
 * @param   boolean  p_bTonen    1 = ja, 0 = verbergen  
 */ 
function Loader(p_bTonen) {
   if(p_bTonen==0) {
      $("#l_popup_overlay").remove();
      $("#l_popup_container").remove();
   } else {
      // Overlay
   	$("body").append('<div id="l_popup_overlay"></div>');
   	$("#l_popup_overlay").css({
   		position: 'absolute',
   		zIndex: 99998,
   		top: '0px',
   		left: '0px',
   		width: '100%',
   		height: $(document).height(),
   		background: "#11b3c5",
   		opacity: 0.50
   	});
   
      // Loader html
      var sHtml = '';
      sHtml += '<div id="l_popup_container">';
      sHtml += '<div id="l_popup_content">';
      sHtml += '<div id="l_popup_message"><p style="text-align: center;margin-bottom:0px;margin-top:10px;"><img src="/images/loader.gif" alt="" /></p></div>';
      sHtml += '</div>';
      sHtml += '</div>';
      $("body").append(sHtml);	
      
      // Positie van container en overlay goed zetten
      var pos = ($.browser.msie && parseInt($.browser.version) <= 6 ) ? 'absolute' : 'fixed'; 	
   	
   	$("#l_popup_container").css({
   		position: pos,
   		zIndex: 99999,
   		padding: 0,
   		margin: 0
   	});
             
   	$("#l_popup_container").css({
   		minWidth: $("#l_popup_container").outerWidth(),
   		maxWidth: $("#l_popup_container").outerWidth()
   	});            	
      
   	var top = (($(window).height() / 2) - ($("#l_popup_container").outerHeight() / 2)) -71;
   	var left = (($(window).width() / 2) - ($("#l_popup_container").outerWidth() / 2));
   	if( top < 0 ) top = 0;
   	if( left < 0 ) left = 0;
   	
   	// IE6 fix
   	if( $.browser.msie && parseInt($.browser.version) <= 6 ) top = top + $(window).scrollTop();
   	
   	$("#l_popup_container").css({
   		top: top + 'px',
   		left: left + 'px'
   	});
   	$("#l_popup_overlay").height( $(document).height() );    
   }
}

/**
 * Nakijken of het om een geldig e-mail adres gaat
 * 
 * @param   p_sEmail    Email  
 */ 
function CheckEmail(p_sEmail) {
   var sReg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
   if(sReg.test(p_sEmail) == false) {
      return false;
   } else {
      return true;
   }
}

/**
 * Schrijft iemand uit uit de nieuwsbrief
 */ 
function Uitschrijven() {
   var sEmail = $("input[name='uitschrijven']").val();
   
   Loader(1);
   $.post("/ajax/NieuwsbriefUitschrijven", {email:sEmail}, function(aAntwoord) {
      Loader(0);
      window.location = aAntwoord['url'];
                              
   }, "json");  
}