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], "Asia": [-1000,-400], "South America": [-100,-750]};
	
	$('#regionmenu li').click(function() {
		var regiontitle = $(this).html();
				
		//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);
								$('#storeinfo').append(
									"<div class='store'>" +
									"<strong>" + store_container[store].name + "</strong><br/>" + 
									store_container[store].straat + "<br/>" +
									store_container[store].postcode + " " + citytitle + "<br/>" +
									store_container[store].telefoon +
									"</div>"									
								)
							}
							
							//fade in storeinfo
							$("#storeinfo").slideDown("fast");
						}
					})					
				}
			})
		}		
	})
});