var aDate = "0";

// När DOM laddats in
$(function(){
	$('#addnewcourse').hide();
	$('#course').toggle();
	$('#newcourse').toggle();	
	$('.date-pick').datePicker({clickInput:true, startDate: '2005-01-01', endDate: (new Date()).asString() });
	$("#newcourse a").click(function(){newCourse();return false;});
	$("div#upload").hide(); // Göm formuläret
	$("p.right").append('<a href="#" id="adddiary">Lägg till en ny tid</a>'); // Visa länk

	// Onclick för länken
	$("a#adddiary").click(function(){
		$('#addform').resetForm();
		$("div#upload").slideToggle("slow");
		toggleLink();
		$('#okmsg').remove();
		return false;
	});

	/*/ Gör Ajax formulär
    $('form').ajaxForm({
        beforeSubmit:  showRequest,
        success:       showResponse,
        url:           'uploaddiary.asp',  // override 'action' attribut i formulär
        resetForm: true					   // töm formulär efter successful submit 
    }); */

});

function showRequest() {

	//setActiveDate();
	
	removeOK();

	if(document.getElementById('course').selectedIndex == 0 && document.getElementById('addnewcourse').value == "") { alert("Ange sträcka"); return false; }
	if($('#date1').val() == "") { alert("Fyll i längd"); return false; }
	if($('#distance').val() == "") { alert("Fyll i längd"); return false; }
	if($('#time').val() == "") { alert("Fyll i en tid"); return false; }
	
	//if($('#course').val() == "" && $('#addnewcourse').val() == "") { alert("Fyll i en sträcka"); return false; }

	// Visa throbber
	if(!document.getElementById('throbber')) {
		$('#submitdiary').append('<div id="throbber" style="display:inline">Lägger till tiden &hellip; <img src="/images/throbber.gif" style="float:none;" /></div>');
	}

	// Posta formuläret
	return true;
}

function showResponse(data) {
	// Eventuella fel från serverskriptspråket skulle kunna tas om hand här.	
	$('#throbber').remove(); // Ta bort throbber
	if (data.indexOf("Fel: ") >-1)	{
		$('#submitdiary').append('<span id="okmsg" style="color:red">'+data+'</span>'); // Visa OK.
		window.setTimeout('removeOK()',5100); 	
		}
	else {	
		//alert(data);
		$('#head').after(data); // Lägg till resultatet
		$("tr:eq(1)").slideDown("slow"); // Visa resultatet
		$("tr > td").removeClass("even"); // "Måla listan"
		$("tr:even > td").addClass("even"); // "Måla listan"

		//$('#'+aDate).append(data); // Lägg till tiden
		//$('#'+aDate+" tr > td").removeClass("even"); // "Måla listan"
		//$('#'+aDate+" tr:even > td").addClass("even"); // "Måla listan"
		
		$('#submitdiary').append('<span id="okmsg" style="color:green">Tiden har lagts till!</span>'); // Visa OK.
		window.setTimeout('removeOK()',5100); 
		}
}

function setActiveDate() {
	//aDate = "diary-" + $('#month').fieldValue()[0] + "-" + $('#year').fieldValue()[0];
	aDate="diary";
}

function removeOKhideAll() {
	$('#addform').resetForm();
	$("div#upload").slideToggle("slow");
	toggleLink();
	removeOK();
}

function removeOK() {
	if(document.getElementById('okmsg')) {
		$('#okmsg').remove();
	}
}

function toggleLink() {
	var a = document.getElementById('adddiary');
	if(a.getAttribute('rel') == 'close') {
		a.innerHTML = 'Lägg till en ny tid';
		a.removeAttribute('rel');
	} else {
		a.innerHTML = 'Stäng formuläret';
		a.setAttribute('rel', 'close');
	}
}

function newCourse() {
	$('#course').hide();
	document.getElementById('course').options.selectedIndex =0;
	$('#addnewcourse').show();
	document.getElementById('labelcourse').innerHTML = 'Ny sträcka:';
	document.getElementById('newcourse').innerHTML = '<p>&hellip; eller <a href="#" id="oldcourse">välj en befintlig sträcka</a></p>';
	//$('#labelcourse').after('<input type="text" id="addnewcourse" name="newcourse" class="textfield" />');
	$("#newcourse a").click(function(){oldCourse();return false;});
}

function oldCourse() {
	$('#course').show();
	document.getElementById('labelcourse').innerHTML = 'Sträcka:';
	document.getElementById('newcourse').innerHTML = '<p>&hellip; eller <a href="#">lägg till en ny sträcka</a><p>';
	$('#addnewcourse').hide();//remove();
	document.getElementById('addnewcourse').value = '';
	$('#course').show();
	$("#newcourse a").click(function(){newCourse();return false;});
}

function getlength(){
	var course = document.getElementById('course');
	//alert(course.selectedIndex);
	if (!course.selectedIndex==0){ 
		$.get("getlength.asp",
		{ name: course.options[course.selectedIndex].value },
		function(data){	
			document.getElementById('distance').value = data;
			//alert(" " + data);
			} 
		);
	}
	else {document.getElementById('distance').value ='';}
}