$(document).ready(function(){
	
	/* Init */
	$(".country").hide();
	$(".staff_body").hide()
	$(".col2 h3").hide();
	
	/* Show UK as default */
	$("#UK").show(function(){
		$("#show-UK-0").click();
	});
	
	
	/* Add Toogle to country list */
	$(".showCountry").click(function(){
		var str = this.id //expm: "show-UK"
		var country = str.substring(str.indexOf("-")+1);
		$(".country").hide();
		$(".staff_body").hide();
		
		$("#" + country).show();
		
		//show first staff
		$("#show-" + country + '-0').click();
	});

	/* Create list of name for each country */
    $(".country").each(function(i){
			var country = this.id;
			
			$("h3", this).each(function(j){
				$("#"+ country + " .col1").append('<h3 id="show-'+country +'-' + j + '" class="staffTitle">' + $(this).text() + '</h3>');
			});
    });
	
	
	/* Add Toogle to each staff*/
	$(".staffTitle").click(function(){
		$(".staffTitle").removeClass("staffTitleActive");
		var str = this.id //expm: "show-UK-1"
		var staff = str.substring(str.indexOf("-")+1);
		$(".staff_body").hide();
		$(this).addClass("staffTitleActive");
		$("#staff-" + staff).fadeIn("fast");
	});
	
	/* Add hover effect to links  */
	$('.chover').hover(function(){
        $(this).addClass('country-hover');
    }, function(){
        $(this).removeClass('country-hover');
    });
	
	
	/* Show everything */
	$("#Countries").removeClass("hideCountries");
	
});