$(document).ready(function()
{

	// Start the slideshow
	$('ul.slideshow').simpleSlideshow(
	{
		delay: 4500,
		randomStart: true
	});
	
	
	// Show and hide the language selector
	$('#countryselector').click(function(e)
	{
		e.preventDefault();
		
		var popup = $('#countrypopup');
		var sel = $(this);
		
		// Place popup ---------------------
		var pos = sel.offset();
		
		popup.css(
		{
			left: pos.left + 'px',
			top: + (pos.top + 21) + 'px'
		});
		
		// Show popup ----------------------
		popup.toggleClass('visible');
		
		if (popup.hasClass('visible'))
		{
			popup.fadeIn('fast');
		}
		else
		{
			popup.fadeOut('fast');
		}		
	});
	
	
	// Create language selector with dependent dropdowns
	$('#countrysel').change(function()
	{
		var countrysel = this;
		var languagesel = document.getElementById('languagesel');
		
		if (countrysel.selectedIndex > 0)
		{
			var selCountry = countrysel.options[countrysel.selectedIndex].text;
			
			while (languagesel.options.length)
			{
				languagesel.remove(0);
			}
			
			var lang = languages[selCountry];
			
			if (lang)
			{
				var language = new Option("Please select", 0);
				languagesel.options.add(language);
			
				for (var i = 0; i < lang.length; i++)
				{
					var language = new Option(lang[i].lang, lang[i].link);//i+1);
					languagesel.options.add(language);
				}
			}
			
			$('#languagepart').fadeIn();
		}
		else
		{
			while (languagesel.options.length)
			{
				languagesel.remove(0);
			}
			
			$('#languagepart').fadeOut(); 
		}
	});
	
	// Change page on language selection
	$('#languagesel').change(function()
	{
		if (this.selectedIndex != 0)
		{
			location.href = this.options[this.selectedIndex].value;
		}
	});
	
	// Insert countries from languages object	
	var countrysel = document.getElementById('countrysel');
	
	var country = new Option("Please select", 0);
	countrysel.options.add(country);
	
	var count = 1;
	
	for (var s in languages)
	{
		var country = new Option(s, count);
		countrysel.options.add(country);
		count++;
	}
	
});