$(document).ready(function(){
	initMaps();
	initSelect();
	initCalculation();
	initTabs(); 
});
function initTabs()
{
	$("div.tabs > ul").tabs();
}
function initMaps()
{
	$('div.map ul.city a').click(function(e){
		e.preventDefault();
		var curCity = $(this).attr('class');
		$(this).parents('div.map').find('ul.city li').removeClass('active');
		$(this).parents('div.map').find('ul.navigation li').removeClass('active');
		$(this).parents('div.map').find('ul.navigation li a[rel^='+curCity+']').parent('li').addClass('active');
		$(this).parent('li').addClass('active');
		initCity(curCity);
	});
	$('div.map ul.navigation a').click(function(e){
		e.preventDefault();
		var curCity = $(this).attr('rel');
		$(this).parents('div.map').find('ul.navigation li').removeClass('active');
		$(this).parents('div.map').find('ul.city li').removeClass('active');
		$(this).parents('div.map').find('ul.city li a[class^='+curCity+']').parent('li').addClass('active');
		$(this).parent('li').addClass('active');
		initCity(curCity);
	});
}
function initCity(city){
	$('div.about-city div.city').addClass('hide');
	$('div.about-city div[class^='+city+']').removeClass('hide');
}
function initCalculation()
{
	if ( $('ul.calculation').get(0) ) 
	{
		$('ul.calculation input.text').attr('readonly', true);
		$('ul.calculation input.text[name="amout"]').attr('readonly', false);
		$('ul.calculation input.submit').click(function(e){
			e.preventDefault();
			var nubmer_a = parseFloat($('ul.calculation input.text[name="amout"]').attr('value'));
			if (nubmer_a)
			{
				var number_b=(nubmer_a*0.06);
				var b=number_b.toFixed(2);
				var number_c=(nubmer_a-number_b)*0.183;
				var c=number_c.toFixed(2);
				var number_d=(nubmer_a-number_b)*0.022;
				var d=number_d.toFixed(2);
				var result=nubmer_a-number_b-number_c-number_d;
				var result_number=result.toFixed(2);
				$('ul.calculation input.text[name="fee"]').attr('value', b);
				$('ul.calculation input.text[name="social"]').attr('value', c);
				$('ul.calculation input.text[name="tax"]').attr('value', d);
				$('ul.calculation input.text[name="benefit"]').attr('value', result_number);
			} else { alert("Merci d'entrer un nombre valide");}
		});
	}
}
function initSelect()
{
	$('div.select span').click(function(){
		closeAll($(this));
		var curPosition = $(this).parents('div.select').css('position');
		$(this).parents('div.select').css('position', (curPosition=='static')? 'relative':'static' );
		$(this).parents('div.select').find('ul').toggle();
	});
	$("div.select ul li").hover(
		function(){ $(this).addClass('hover'); },
		function(){ $(this).removeClass('hover');}
	);
	$('div.select a').click(function(e){
		e.preventDefault();
		var curValue = $(this).text();
		var curRel = $(this).attr('rel');
		$(this).parents('div.select').css('position','static');
		$(this).parents('div.select').find('input').attr('value',curRel);
		$(this).parents('div.select').find('span').html(curValue);
		$(this).parents('div.select').find('ul').hide();	
	});
	
	$(document).click(function(e){
		var trgt = $(e.target);
		if (!trgt.parents().hasClass('select')){
			$('div.select ul').hide();
			$('div.select').css('position','static');
		}
	});
}
function closeAll(obj)
{
	var els = $('div.select span').not(obj);
	els.parents('div.select').css({'position':'static'}).find('ul').hide();
}