var base_url = "http://www.anjapaerson.com/";
var box;
var eventDate = '2011-03-10';
var eventPlace = '';
var eventCountryShort = '';
var eventCountryEn = '';
var eventCountrySv = '';
var eventDisciplineEn = '';
var eventDisciplineSv = '';
var eventMapX = 0;
var eventMapY = 0;
var eventTextEn = '';
var eventTextSv = '';

var crossSmallSize = '8px';

 $(document).ready(function() {

   $(".travel_toggle").click(function() {
	   $("#travel_show_" + this.id).toggle();
   });
   
	$("#results_accordion h3").click(function() {
		$(".result_table").hide("slow");
	   	$(".show_table_" + this.id).toggle("slow");
//		alert(this.id);
	});
   
	$(".anja_results_season").click(function() {
		$(".anja_results_hide").hide();
		$("." + this.id + "_list").toggle("slow");
	})
	
	$(".result_row").mouseover(function() {
		$(this).addClass("td_on");
	});

	$(".result_row").mouseout(function() {
		$(this).removeClass("td_on");
	});
	
	$(".gallery").prepend('<div class="gallery_view"></div>');

	$(".gallery a").click(function() {
		$(".gallery_view").hide();
		$(".gallery_view").html('<img width="606px" src="' + this + '">');
		$(".gallery_view").slideDown('slow');
		$.smoothScroll({scrollTarget: '.gallery'});
		
//		$("#gallery_info").text(this.alt);
		return false;
//		alert(this.parent());
	});
	

	$.ajax({url: base_url+"get_event.php",
		type: "post", dataType: "json",
		success:
			function(data){
					eventPlace = data["place_name"];
					eventCountryEn = data["country_name"]
					eventMapX = data["map_x"];
					eventMapY = data["map_y"];
					eventTextEn = data["about_en"];
					eventTextSv = data["about_sv"];
					eventDisciplineEn = data["discipline_name_en"];
//					eventDisciplineSv = data["discipline_name_sv"];
					eventDate = data["event_date"];
					eventLat = data["latitude"];
					// Put info where it belongs.
				var eventLocation = " - "+eventPlace+", "+eventCountryEn;
				var eventDiscipline = "<span>Discipline:</span> "+eventDisciplineEn+"<br />";
				var eventText = "<span>Quick facts:</span> "+eventTextEn+"<br />";
				if (eventPlace == ""){
					eventLocation = "";
					eventDiscipline = "";
					eventText = eventTextEn;
					jQuery("#cross").hide();
				} else if(!eventLat) {
						$("#cross").hide();
				}else{
					jQuery("#cross").show();
				}
				jQuery("#placeonearth_info").html(
					"<h3>"+eventDate+eventLocation+"</h3>"+
					"<p>"+eventDiscipline+eventText+"</p>"
				);
				jQuery("#cross").css("left", eventMapX+"px").css("top", eventMapY+"px").css("width", "10px").css("height", "10px");
			}
	});


	$("#placeonearth_leftnav").click(function(){
//		$('#cross').animate({"width": "6px", "height": "6px", "left": "70px", "top": "55px"});

		$.ajax({url: base_url+"get_event.php?o=p&d="+eventDate,
			type: "post", dataType: "json",
			success:
				function(data){
					eventPlace = data["place_name"];
					eventCountryEn = data["country_name"]
					eventMapX = data["map_x"];
					eventMapY = data["map_y"];
					eventTextEn = data["about_en"];
					eventTextSv = data["about_sv"];
					eventDisciplineEn = data["discipline_name_en"];
//					eventDisciplineSv = data["discipline_name_sv"];
					eventDate = data["event_date"];
					eventLat = data["latitude"];
						// Put info where it belongs.
					var eventLocation = " - "+eventPlace+", "+eventCountryEn;
					var eventDiscipline = "<span>Discipline:</span> "+eventDisciplineEn+"<br />";
					var eventText = "<span>Quick facts:</span> "+eventTextEn+"<br />";

					if (eventPlace == ""){
						eventLocation = "";
						eventDiscipline = "";
						kors = eventTextEn;
						$("#cross").hide();
					} else if(!eventLat) {
						$("#cross").hide();
					}else{
						$("#cross").show();
					}

					$("#placeonearth_info").html(
						"<h3>"+eventDate+eventLocation+"</h3>"+
						"<p>"+eventDiscipline+eventText+"</p>"
					);
					if ($("#cross").is(":visible")){
						$("#cross")
							.animate({"width": "18px", "height": "18px"}, {"duration": 500})
							.animate({"width": "10px", "height": "10px", "left": eventMapX+"px", "top": eventMapY+"px"}, {"duration": 500, "easing": "easeInQuad"});
					}
				}
		});		
	});		




	$("#placeonearth_rightnav").click(function(){
//		$('#cross').animate({"width": "6px", "height": "6px", "left": "70px", "top": "55px"});

		$.ajax({url: base_url+"get_event.php?o=n&d="+eventDate,
			type: "post", dataType: "json",
			success:
				function(data){
					eventPlace = data["place_name"];
					eventCountryEn = data["country_name"]
					eventMapX = data["map_x"];
					eventMapY = data["map_y"];
					eventTextEn = data["about_en"];
					eventTextSv = data["about_sv"];
					eventDisciplineEn = data["discipline_name_en"];
//					eventDisciplineSv = data["discipline_name_sv"];
					eventDate = data["event_date"];
					eventLat = data["latitude"];
					// Put info where it belongs.
					var eventLocation = " - "+eventPlace+", "+eventCountryEn;
					var eventDiscipline = "<span>Discipline:</span> "+eventDisciplineEn+"<br />";
					var eventText = "<span>Quick facts:</span> "+eventTextEn+"<br />";

					if (eventPlace == ""){
						eventLocation = "";
						eventDiscipline = "";
						eventText = eventTextEn;
						$("#cross").hide();
					} else if(!eventLat) {
						$("#cross").hide();				
					}else{
						$("#cross").show();
					}

					$("#placeonearth_info").html(
						"<h3>"+eventDate+eventLocation+"</h3>"+
						"<p>"+eventDiscipline+eventText+"</p>"
					);
					if ($("#cross").is(":visible")){
						$("#cross")
//							.animate({"width": "24px", "height": "24px"}, {"duration": 500})
//							.animate({"width": "10px", "height": "10px", "left": +eventMapX+"px", "top": +eventMapY+"px"}, {"duration": 500});

							.animate({"width": "40px", "height": "40px"}, {"duration": 500, "easing": "easeOutQuad"})
							.animate({"width": "10px", "height": "10px", "left": eventMapX+"px", "top": eventMapY+"px"}, {"duration": 500, "easing": "easeInQuad"});
					}
				}
		});
		
	
	
			
//		alert(base_url+"get_event.php?o=p&d="+eventDate);


/*
		jQuery.ajax({url: base_url+"get_event.php?t=pp&d="+eventDate,
			type: "post", dataType: "json",
			success:
				function(data){
					eventCountryShort = data["country_shortname"];
					eventCountryEn = data["country_name_en"];
					eventCountrySv = data["country_name_sv"];
					eventPlace = data["place_name"];
					eventMapX = data["map_x"];
					eventMapY = data["map_y"];
					eventTextEn = data["about_en"];
					eventTextSv = data["about_sv"];
					eventDisciplineEn = data["discipline_name_en"];
					eventDisciplineSv = data["discipline_name_sv"];
					eventDate = data["event_date"];
					// Put info where it belongs.
					var eventLocation = " - "+eventPlace+", "+eventCountryEn;
					var eventDiscipline = "<span>Discipline:</span> "+eventDisciplineEn+"<br />";
					var eventText = "<span>Quick facts:</span> "+eventTextEn+"<br />";
					if (eventPlace == ""){
						eventLocation = "";
						eventDiscipline = "";
						eventText = eventTextEn;
						jQuery("#cross").hide();
					}else{
						jQuery("#cross").show();
					}
					jQuery("#placeonearth_info").html(
						"<h3>"+eventDate+eventLocation+"</h3>"+
						"<p>"+eventDiscipline+eventText+"</p>"
					);
					//jQuery("#cross").css("left", eventMapX+"px").css("top", eventMapY+"px");
					if (jQuery("#cross").is(":visible")){
						jQuery("#cross")
							.animate({"width": "36px", "height": "36px"}, {"duration": 500, "easing": "easeOutQuad"})
							.animate({"width": "6px", "height": "6px", "left": eventMapX+"px", "top": eventMapY+"px"}, {"duration": 500, "easing": "easeInQuad"});
					}
				}
		});
*/
	});
		
 });