$(document).ready(function(){
	$(".Left > a").click(function(){
		$(".Left > a").removeClass("active");
		$(this).addClass("active");

		if($(this).attr("id")=='mini'){
			$("#Map > .fullm").css("display", "none");
			$(".distance1").css("display", "block");
			$(".distance2").css("display", "none");
			$(".distance3").css("display", "none");
			if($("#km").attr('checked') == true){
				$("#Map > .distance1-km").css("display", "block");
				$("#Map > .distance2-km").css("display", "none");
				$("#Map > .distance3-km").css("display", "none");
			}

		}else if($(this).attr("id")=='half'){
			$("#Map > .fullm").css("display", "none");
			$(".distance2").css("display", "block");
			$(".distance1").css("display", "none");
			$(".distance3").css("display", "none");
			if($("#km").attr('checked') == true){
				$("#Map > .distance3-km").css("display", "none");
				$("#Map > .distance2-km").css("display", "block");
				$("#Map > .distance1-km").css("display", "none");
			}

		}else if($(this).attr("id")=='full'){
			if($("#service").attr('checked') == true){
				$("#Map > .fullm").css("display", "block");
			}
			if($("#km").attr('checked') == true){
				$("#Map > .distance3-km").css("display", "block");
				$("#Map > .distance2-km").css("display", "none");
				$("#Map > .distance1-km").css("display", "none");
			}
			$(".distance3").css("display", "block");
			$(".distance1").css("display", "none");
			$(".distance2").css("display", "none");

		}else if($(this).attr("id")=='relay'){
			$("#relay-div").css("display", "block");
			$(".distance3").css("display", "none");
			$(".distance1").css("display", "none");
			$(".distance2").css("display", "none");
			$(".distance0-1").css("display", "block");
			$(".distance0-2").css("display", "block");
			$(".distance0-3").css("display", "block");
			$(".distance0-4").css("display", "block");
			$("#relay-div > a").addClass("active");
			if($("#service").attr('checked') == true){
				$("#Map > .fullm").css("display", "block");
			}

			$("#km, #start, #finish").removeAttr("checked");
			$("#km, #start, #finish").attr("disabled", true);
			$(".distance1-km, .distance2-km, .distance3-km, .start, .finish").css("display", "none");

			relay_open = 1;
		}
	});

	$("#relay-div > .close").click(function(){
		$(".distance0-1, .distance0-2, .distance0-3, .distance0-4").css("display", "none");
		$("#relay-div").css("display", "none");
		$(".Left > a").removeClass("active");
		$("#relay").removeClass("active");
		$("#full").addClass("active");
		$(".distance3").css("display", "block");
		if($("#service").attr('checked') == true){
			$("#Map > .fullm").css("display", "block");
		}
		$("#km, #start, #finish").removeAttr("disabled");
	});

	$("#relay-div > a").click(function(){

		if($(this).attr("class")=="active"){
			if(relay_open==1){
				relay_open = 0;
				$("#relay-1, #relay-2, #relay-3, #relay-4").removeClass("active");
				$(".distance0-1, .distance0-2, .distance0-3, .distance0-4").css("display", "none");

				if($(this).attr("id")=='relay-1'){
					$(".distance0-1").css("display", "block");
				}else if($(this).attr("id")=='relay-2'){
					$(".distance0-2").css("display", "block");
				}else if($(this).attr("id")=='relay-3'){
					$(".distance0-3").css("display", "block");
				}else if($(this).attr("id")=='relay-4'){
					$(".distance0-4").css("display", "block");
				}
				$(this).addClass("active");

			}else{
				$(this).removeClass("active");
					if($(this).attr("id")=='relay-1'){
						$(".distance0-1").css("display", "none");
					}else if($(this).attr("id")=='relay-2'){
						$(".distance0-2").css("display", "none");
					}else if($(this).attr("id")=='relay-3'){
						$(".distance0-3").css("display", "none");
					}else if($(this).attr("id")=='relay-4'){
						$(".distance0-4").css("display", "none");
					}
			}

		}else{
			$(this).addClass("active");
				if($(this).attr("id")=='relay-1'){
					$(".distance0-1").css("display", "block");
				}else if($(this).attr("id")=='relay-2'){
					$(".distance0-2").css("display", "block");
				}else if($(this).attr("id")=='relay-3'){
					$(".distance0-3").css("display", "block");
				}else if($(this).attr("id")=='relay-4'){
					$(".distance0-4").css("display", "block");
				}
		}
	});


	$("#print").click(function(){
		window.print();
	});

	// m
	$("#mail").click(function(){
		$("#mailpop").css("display", "block");
	});
	$("#submitform > input").click(function(){
		$.post("mailsend.php", {
					name: $("#Name").val(),
					email: $("#Email").val(),
					comment: $("#Comment").val()
				}, function(data){
			if(data=='ok'){
				$("#Name").val('');
				$("#Email").val('');
				$("#Comment").val('');

				$("#mailreply").text('Vēstule nosūtīta!');
			}else if(data=='err'){
				$("#mailreply").text('Lūdzu aizpildiet visus laukus!');
			}
		});
	});
	// #####################################################################
	$("#start").click(function(){
		if($(this).attr('checked') == true){
			$("#Map > .start").css("display", "block");
		}else{
			$("#Map > .start").css("display", "none");
		}
	});
	$("#med").click(function(){
		if($(this).attr('checked') == true){
			$("#Map > .med").css("display", "block");
		}else{
			$("#Map > .med").css("display", "none");
		}
	});
	$("#pic").click(function(){
		if($(this).attr('checked') == true){
			$("#Map > .pic").css("display", "block");
		}else{
			$("#Map > .pic").css("display", "none");
		}
	});
	// #2
	$("#finish").click(function(){
		if($(this).attr('checked') == true){
			$("#Map > .finish").css("display", "block");
		}else{
			$("#Map > .finish").css("display", "none");
		}
	});
	$("#fans").click(function(){
		if($(this).attr('checked') == true){
			$("#Map > .fans").css("display", "block");
		}else{
			$("#Map > .fans").css("display", "none");
		}
	});
	$("#km").click(function(){
		if($(this).attr('checked') == true){
			if($(".Left > a.active").attr("id")=='mini'){
				$("#Map > .distance1-km").css("display", "block");
			}else if($(".Left > a.active").attr("id")=='half'){
				$("#Map > .distance2-km").css("display", "block");
			}else{
				$("#Map > .distance3-km").css("display", "block");
			}
		}else{
			$("#Map > .distance1-km").css("display", "none");
			$("#Map > .distance2-km").css("display", "none");
			$("#Map > .distance3-km").css("display", "none");
		}
	});
	// #3
	$("#service").click(function(){
		if($(this).attr('checked') == true){
			$("#Map > .service").css("display", "block");
			if($(".Left > a.active").attr("id")=='mini' || $(".Left > a.active").attr("id")=='half'){
				$("#Map > .fullm").css("display", "none");
			}
		}else{
			$("#Map > .service").css("display", "none");
		}
	});
	$("#streets").click(function(){
		if($(this).attr('checked') == true){
  			$("#Map").addClass("StreetsOn");
			$("#Map").removeClass("StreetsOff");
		}else{
  			$("#Map").addClass("StreetsOff");
			$("#Map").removeClass("StreetsOn");
		}
	});

	// pictures
	$("#Map > .pic_popup > a").click(function(){
		$(this).parent().css("display", "none");
	});

	$("#Map > .pic > a").click(function(){
		$("#" + $(this).attr('rel') ).css("display", "block");
	});

	/*
	$("#Map > .pic > a").click(function(){
		alert(
			$(this).attr('rel')
			+
			$("img", this).attr('alt')
		);
		<![CDATA[
		$("#popups").html('<div class="pic_popup" style="position:absolute; top: 250px; left: 250px; z-index: 17; width: 230px; height: 312px">'
		+'<div class="c1"><\/div><div class="c2"><\/div><div class="c3"><\/div><div class="c4"><\/div>'
		+'<div class="white-horiz" style="width: 228px; height: 290px"><\/div>'
		+'<div class="white-vert" style="width: 208px; height: 310px"><\/div>'
		+'<a class="close" title="Aizvērt!" href="#"><\/a>'
		+'<div class="content">'
		+'<img src="'+ $(this).attr('rel') +'" alt="'+ $("img", this).attr('alt') +'" \/>'
		+'<p>'+ $("img", this).attr('alt') +'<\/p>'
		+'<\/div><\/div>');
		]]>
	});
	*/
	$("#lat").click(function(){
		changeLang(0);
	});
	$("#eng").click(function(){
		changeLang(1);
	});
	$("#rus").click(function(){
		changeLang(2);
	});

	function changeLang(lgs){
		$("#label-start").text(lang[lgs]['start']);
		$("#label-med").text(lang[lgs]['med']);
		$("#label-pic").text(lang[lgs]['pic']);
		$("#label-finish").text(lang[lgs]['finish']);
		$("#label-fans").text(lang[lgs]['fans']);
		$("#label-km").text(lang[lgs]['km']);
		$("#label-service").text(lang[lgs]['service']);
		$("#label-streets").text(lang[lgs]['streets']);
		$("#map_alt").text(lang[lgs]['developed']);
	}


	var lang = new Array();
	lang[0] = new Array();
	lang[0]['mini'] = 'Minimaratons';
	lang[0]['half'] = 'Minimaratons';
	lang[0]['full'] = 'Maratons';
	lang[0]['start'] = 'Starts';
	lang[0]['finish'] = 'Finišs';
	lang[0]['service'] = 'Servisa punkti (pieejams ūdens, Powerade, WC)';
	lang[0]['med'] = 'Medicīniskā palīdzība';
	lang[0]['fans'] = 'Fanu zona';
	lang[0]['pic'] = 'Foto no trases';
	lang[0]['km'] = 'KM atzīmes';
	lang[0]['streets'] = 'Ielu nosaukumi';
	lang[0]['developed'] = 'Izstrādāts';

	lang[1] = new Array();
	lang[1]['mini'] = 'Minimarathon';
	lang[1]['half'] = 'Halfmarathon';
	lang[1]['full'] = 'Marathon';
	lang[1]['start'] = 'Start';
	lang[1]['finish'] = 'Finish';
	lang[1]['service'] = 'Service points (water, Powerade, WC)';
	lang[1]['med'] = 'Medical assistance';
	lang[1]['fans'] = 'Fan Zone';
	lang[1]['pic'] = 'Photos from the track';
	lang[1]['km'] = 'KM measures';
	lang[1]['streets'] = 'Street names';
	lang[1]['developed'] = 'Developed by';

	lang[2] = new Array();
	lang[2]['mini'] = 'Mини Марафон';
	lang[2]['half'] = 'пол Mарафон';
	lang[2]['full'] = 'Марафон';
	lang[2]['start'] = 'Начало';
	lang[2]['finish'] = 'финиш';
	lang[2]['service'] = 'Сервисных точек (вода, Powerade, WC)';
	lang[2]['med'] = 'медицинская помощь';
	lang[2]['fans'] = 'Фан-зона';
	lang[2]['pic'] = 'Фотографии';
	lang[2]['km'] = 'км маркера';
	lang[2]['streets'] = 'показывать улиц';
	lang[2]['developed'] = 'разработал';

});