String.prototype.rtrim = function() {
	return this.replace(/\s+$/,"");
}

$(document).ready(function(){
	var regions = {"Africa": [-600,-600], "Australia": [-1300,-800], "North America": [50,-350], "Europe": [-500,-300], "Middle East": [-700,-450], "Ego": [-900,-200], "South America": [-100,-750]};
	
	$('#regionmenu li').click(function() {
		var regiontitle = $(this).html();
        if(regiontitle=='Ego в России') regiontitle='Ego';
		if(regiontitle=='Ego в мире') regiontitle='Europe';
			//alert(regiontitle);	
		//set active
		$('#regionmenu li').removeClass("active");
		$(this).addClass("active")
		
		//clear overige
		$('#countrymenu').html("")
		$('#citymenu').html("")
		$('#storeinfo').html("")
	
		
		regiontitle = regiontitle.rtrim()
		
		$("#storebackground").animate({
   			left: regions[regiontitle][0], top: regions[regiontitle][1]
 		}, "slow");
		
		var country_container = _stores.container[regiontitle].container
		if (country_container) {
			//vul countrymenu
			$('#countrymenu').html("")
			for (i in country_container) {
				$('#countrymenu').append("<li>" + i + "</li>");	
			}			
			
			//fade in countrymenu
			$("#countrymenu").slideDown("fast");
			
			//apply events op nieuwe countries
			$('#countrymenu li').click(function() {
				var countrytitle = $(this).html();
				
				$('#countrymenu li').removeClass("active");
				$(this).addClass("active")
				
				//clear overige
				$('#citymenu').html("")
				$('#storeinfo').html("")
			
				
				var city_container = _stores.container[regiontitle].container[countrytitle].container
				if (city_container) {
					//vul citymenu
					$('#citymenu').html("")
					//console.log(city_container);
					for (i in city_container) {
						$('#citymenu').append("<li>" + i + "</li>");	
					}
					
					//fade in citymenu
					$("#citymenu").slideDown("fast");
					
					//apply events op nieuwe cities
					$('#citymenu li').click(function() {
						var citytitle = $(this).html();
						
						$('#citymenu li').removeClass("active");
						$(this).addClass("active")
						
						//clear overige
						$('#storeinfo').html("")
						
						
						var store_container = _stores.container[regiontitle].container[countrytitle].container[citytitle]
						if (store_container) {							
							//vul storeinfo
							$('#storeinfo').html("")
							for (store in store_container) {
								//console.log(store);
                             if(regiontitle=='Ego'){
								$('#storeinfo').append(
									store_container[store].name + "<br/>" + 
									store_container[store].telefoon + "<br/><br/>"									
								)
							 
					          }
					         else{ 								
								$('#storeinfo').append(
									"<strong>" + store_container[store].name + "</strong><br/>" + 
									store_container[store].straat + "<br/>" +
									store_container[store].postcode + " " + citytitle + "<br/>" +
									store_container[store].telefoon + "<br/><br/>"									
								)
							 }	
							}
							
							//fade in storeinfo
							$("#storeinfo").slideDown("fast");
						}
					})					
				}
			})
		}		
	})
});