var activeTab;

$(document).ready( function() {	
	//menu openen als er vanuit google naar een lege pagina gestuurd word
	var url = String(window.location.pathname);
	var urlparts = url.split('.');
	var extention = urlparts[urlparts.length-1].substr(0,4);
	
	var urlparts = url.split('/');
	var lastDir = urlparts[urlparts.length-2];
	
	if(extention!='html' && lastDir != 'nl'&& urlparts[2] != 'home' ){
		var urlparts = url.split('/');
		//uitzondering, speciaal voor openen 
		if(urlparts[3]=='speciaal-voor'){
			openMenu(urlparts[2],'speciaal_voor',urlparts[4])
		}else{
			openMenu(urlparts[2],'geheel',urlparts[4])
		}
		
	}
});



/*
 *  Equivalent aan php urldecode()
 */
function urldecode(str) {
	return decodeURIComponent(str.replace(/\+/g, '%20'));
}

function openMenu(tab,subtab,segment){

	openTab = $("#nav .open").attr('id');
	if(openTab == tab){
		closeMenu();
	}else{
		//menu content ophalen

		loadMenuContent(tab,subtab,segment);

		//active tab opslaan om bij "closeMenu" de oude actieve tab te herstellen 
		if($("#nav .active").attr('id')){
			activeTab = $("#nav .active").attr('id');
		}
		$("#breadcrumbContainer").hide();
		
 		 
		//eerst de active en open resetten
		$("#nav .active").removeClass('active');
		$("#nav .open").removeClass('open');
		
		//overlay resetten
		$("#overlay").stop();
		$("#overlay").css('display', 'inline');
		$("#overlay").css("filter","alpha(opacity=100)");
		$("#overlay").css("-moz-opacity","1");
		$("#overlay").css("-khtml-opacity","1");
		$("#overlay").css("opacity","1");
	
		//"open" class aan geklikte item toevoegen
		$("#"+tab).addClass('open');
		
		
		//menu openklappen als die nog niet open is
		 var menuPosition = $("#slideOutMenu").css("top");
		 if(menuPosition!='-50px'){
			 $("#slideOutMenu").css("top","-580px");
			 
				//slideOutMenu openen
				$("#slideOutMenu").animate({ 
			        top: "-50px"
			      }, 500,function() {
			    	  $("#closebutton").show();
			      } );
		 }
		
		
		
		
		
		$("#overlay").animate({ 
	        opacity: "0%"
	      }, 1000,function(){
	    	  $("#overlay").hide();
	      } 
	      );	
	}
	

}

function loadMenuContent(tab,subtab,segment){
	if(segment!=undefined && (segment.substring(0, 4)=='kind' || segment.substring(0, 5)=='sport')){
		hideSexSelector = true;
	}else{
		hideSexSelector = false;
	}
	if(tab=="collectie" && !hideSexSelector){
		setTimeout('$("#sexSelector").show()',500);
	}else{
		$("#sexSelector").hide();
	}
	
	$('#sexSelect_f').unbind();
	$('#sexSelect_f').bind('click', function() {
		loadMenuContent(tab,subtab,segment)
	});
	
	$('#sexSelect_m').unbind();
	$('#sexSelect_m').bind('click', function() {
		loadMenuContent(tab,subtab,segment)
	});

	
	//oude menucontent weghalen
	$("#slideOutMenu #dynamicContent").html('<center><img style="margin-top: 180px;" src="/nl/site_files/img/loading.gif" alt="loading menu"></center>');
	
	sex = $('input[name="sexSelect"]:checked').val();
	
	//vullen van het menu
	$.ajax({
	  url: "/nl/site_files/php/ajaxGeneral.php?action=getSlideOutMenuContent&segment="+segment+"&sex="+sex,
	  type: "POST",
	  data: "tab="+tab+"&subtab="+subtab,
	  cache: false,
	  success: function(html){
		$("#slideOutMenu #dynamicContent").html(html);
	  }
	});

}

function closeMenu(){
	$("#closebutton").hide();
	$("#sexSelector").hide();
	
	$("#slideOutMenu").animate({ 
        top: "-620px"
      }, 500,function() {
    	  $("#nav .open").removeClass('open');
    	  $("#"+activeTab).addClass('active');
    	  $("#breadcrumbContainer").show();
      }
      );	
}

function showMenuList(id, intro, list, subtab, segment){

	//sexselector niet tonen bij kinder en sportfietsen
	if(segment.substring(0, 4)=='kind' || segment.substring(0, 5)=='sport'){
		$("#sexSelector").hide();
	}else{
		$("#sexSelector").show();
	}
	
	$('#sexSelect_f').unbind();
	$('#sexSelect_f').bind('click', function() {
		loadMenuContent('collectie',subtab,segment)
	});

	$('#sexSelect_m').unbind();
	$('#sexSelect_m').bind('click', function() {
		loadMenuContent('collectie',subtab,segment)
	});
	
	$("#dynamicList").html(urldecode(list)); 
	
	//hide images from tabs
	$("#tabs").addClass('noImg');
	$('#introBanner').hide();
	
	//set segment intro text
	$('#productDetails').html(urldecode(intro));

	//set active tab
	$('.headerTabs').removeClass('active');
	switch(id){
		case '70': 
		case '71': $('#tab_gold_line').addClass('active');
		break;	
		case '72': 
		case '73': $('#tab_kinder').addClass('active');
		break;
		case '74':
		case '75':
		case '76':
		case '77': $('#tab_sport').addClass('active');
		break;
		default: $('#tab_'+id).addClass('active');
	}
}



function showProductDetails(naam, groepId ,prijs, afbeelding, url, segmenturl){
	$('.fietsLink').removeClass('active');
	$('#'+url+groepId).addClass('active');
	var html = '<span class="naam color_'+groepId+'">'+urldecode(naam)+'</span><br/><b>'+prijs+'</b><br/><a title="'+urldecode(naam)+'" href="/nl/collectie/fietsen/'+segmenturl+'/'+url+'.html"><img class="fiets" src="/nl/site_files/php/thumbnail.php?type=menu_big&file='+afbeelding+'" title="'+naam+'"/></a>' ;	
	$('#productDetails').html(html);
}