// *********************************************************************************************************************************************
// REZERVARI
// *********************************************************************************************************************************************
function rollOverGroup(id_group, nr_groups) {
	for(var i=0; i<nr_groups; i++) {
		$('#group-details'+i).hide();
	} // end FOR
	$('#group-details'+id_group).show();
} // end function

function rollOutGroup(nr_groups) {
	for(var i=0; i<nr_groups; i++) {
		$('#group-details'+i).hide();
	} // end FOR
	id_active_group = $("input[@name=id_group]").attr("value");
	$('.group-details'+id_active_group).show();
} // end function



$(document).ready(function(){
	
	// external links
	$("a[@rel='external']").click(function() {
		return !window.open($(this).attr("href"));
	});
	
	// fade in messages
	$('.success').hide();
	$('.success').fadeIn(500);
	$('#errorMsg p').hide();
	$('#errorMsg p').fadeIn(1500);
	
	// language selection div
	$('#languages').hide();
	$('#but-lang').click( function () {
		$('#languages').slideToggle(200);
		return false;
	});
	
	
	// SUBMENU
	$('#main-menu ul').hide();
	$('#main-menu').droppy({speed: 100});
	
	
	// *********************************************************************************************************************************************
	// REZERVARI
	// *********************************************************************************************************************************************
	$("#grupe-masini ul a").click(function(){
		$("#grupe-masini ul a em").hide();
		$('em',this).fadeIn(200);
		
		// extragem id_group din clasa div-ul vizibil cu detaliile masinii (primul div vizibil)
		var class_name = $("#detalii-masina div:visible(0)").attr("class");
		var id_group = class_name.substring(class_name.length-1, class_name.length);
		
		$("input[@name=id_group]").attr("value", id_group);
		//document.getElementById("id_group").value = id_group;
		
		return false;
	});
	
	// WEEKEND - REZERVARI
	if ($("#weekend").attr("checked")==true) {
		$(".left-box .form-right:first").hide();
		$(".right-box .form-left:first").hide();
		$(".right-box .form-right:first").hide();
		$("#weekend-descr").show();
		$(".atentie-out-of-program").slideUp(200);
	} else {
		$(".left-box .form-right:first").show();
		$(".right-box .form-left:first").show();
		$(".right-box .form-right:first").show();
		$("#weekend-descr").hide();
	}
	
	$("#weekend").change(function(){
		if ($("#weekend").attr("checked")==true) {
			$(".left-box .form-right:first").hide();
			$(".right-box .form-left:first").hide();
			$(".right-box .form-right:first").hide();
			$("#weekend-descr").fadeIn(200);
			$(".atentie-out-of-program").slideUp(200);
		} else {
			$(".left-box .form-right:first").fadeIn(200);
			$(".right-box .form-left:first").fadeIn(200);
			$(".right-box .form-right:first").fadeIn(200);
			$("#weekend-descr").hide();
			
			var id_location = $("#locatie1").attr("value");
			var time = $('#ora1').attr("value");
			var date = $('#startDate').attr("value");
			changeTimeInfo(date, time, id_location, "#locatie1-info");
			
			var id_location = $("#locatie2").attr("value");
			var time = $('#ora2').attr("value");
			var date = $('#endDate').attr("value");
			changeTimeInfo(date, time, id_location, "#locatie2-info");
		}
	});
	
	
	
	// *********************************************************************************************************************************************
	// CALENDAR
	// *********************************************************************************************************************************************
	function customRange(input) { 
		return {
			minDate: (input.id == "endDate" ? $("#startDate").datepicker("getDate") : "0d") 
			//maxDate: (input.id == "startDate" ? $("#endDate").datepicker("getDate") : null)
			//maxDate: null
		}; 
	} // used to set the initial day and restrictions for the second calendar
	
	$("#startDate").datepicker({
		
		onSelect: function(date) {
			
			var day = date.substring(0, 2);
			var month = date.substring(3, 5);
			var year = date.substring(6, 10);
			var timestampStart = Date.parse(year + "/" + month + "/" + day);
			
			var dateEnd = document.getElementById("endDate").value;
			var dayEnd = dateEnd.substring(0, 2);
			var monthEnd = dateEnd.substring(3, 5);
			var yearEnd = dateEnd.substring(6, 10);
			var timestampEnd = Date.parse(yearEnd + "/" + monthEnd + "/" + dayEnd);
			
			// setting the next day date only if date not set previously
			if (document.getElementById("endDate").value=="" || timestampStart > timestampEnd) {
				var nextDay = parseInt(day) + 1;
				
				var nextDate = new Date(month+'/'+nextDay+'/'+ year);
				// set next month
				if ((nextDate.getMonth() + 1) < 10) {
					nextMonth = "0" + (nextDate.getMonth() + 1);
				} else {
					nextMonth = nextDate.getMonth() + 1;
				}
				
				// set next day
				if (nextDate.getDate() < 10) {
					nextDay = "0" + nextDate.getDate();
				} else {
					nextDay = nextDate.getDate();
				}
				
				var nextDateFormatted = nextDay + '-' + nextMonth + '-' + nextDate.getFullYear();
				//alert(nextDateFormatted);
				document.getElementById("endDate").value = nextDateFormatted;
				document.getElementById("ora2").selectedIndex = document.getElementById("ora1").selectedIndex;
				
				// daca e selectata a doua locatie, verificam timpul
				if ($('#locatie2').attr("value")>0) {
					var id_location = $('#locatie2').attr("value");
					var time = $('#ora2').attr("value");
					var date = $('#endDate').attr("value");
					changeLocationInfo(id_location, "#locatie2-info");
					changeTimeInfo(date, time, id_location, "#locatie2-info");
				}
			}
			
			
			var id_location = $('#locatie1').attr("value");
			var time = $('#ora1').attr("value");
			changeTimeInfo(date, time, id_location, "#locatie1-info");
			
			//$("#endDate").datepicker("show");
			
			//document.getElementById("endDateDisplay").value = document.getElementById("startDateDisplay").value;
			//$("#endDate").datepicker("setDate", $("#startDate").datepicker("getDate"));
		},
		
		//altField: '#startDateDisplay',
		//altFormat: 'dd M yy', 
		beforeShow: customRange, 
		dateFormat: 'dd-mm-yy', 
		showAnim: "fadeIn",
	    navigationAsDateFormat: true, 
	    prevText: "< M", 
	    currentText: "M y", 
	    nextText: "M >", 
		firstDay: 1,
		changeFirstDay: false,
		showOn: "both",
		buttonImage: "images/common/ico-calendar.gif",
		buttonImageOnly: true
	}); 
	
	$("#endDate").datepicker({
		
		onSelect: function(date) {
			
			var id_location = $('#locatie2').attr("value");
			var time = $('#ora2').attr("value");
			changeTimeInfo(date, time, id_location, "#locatie2-info");
		},
		
		//altField: '#endDateDisplay',
		//altFormat: 'dd M yy', 
		beforeShow: customRange, 
		dateFormat: 'dd-mm-yy', 
		showAnim: "fadeIn",
	    navigationAsDateFormat: true, 
	    prevText: "< M", 
	    currentText: "M y", 
	    nextText: "M >", 
		firstDay: 1,
		changeFirstDay: false,
		showOn: "both",
		buttonImage: "images/common/ico-calendar.gif",
		buttonImageOnly: true
	});
	
	
	
	
	// *********************************************************************************************************************************************
	// AJAX - RESERVATION STEP 1
	// *********************************************************************************************************************************************
	
	if ($('#locatie1').attr("value")>0) {
		var id_location = $('#locatie1').attr("value");
		var time = $('#ora1').attr("value");
		var date = $('#startDate').attr("value");
		prepopulateLocationInfo(id_location, "#locatie1-info");
		changeTimeInfo(date, time, id_location, "#locatie1-info");
	}
	if ($('#locatie2').attr("value")>0) {
		var time = $('#ora2').attr("value");
		var id_location = $('#locatie2').attr("value");
		var date = $('#endDate').attr("value");
		prepopulateLocationInfo(id_location, "#locatie2-info");
		changeTimeInfo(date, time, id_location, "#locatie2-info");
	}
	
	
	$('#ora1').change(function() { //start function when "ora" select is changed
		var id_location = $('#locatie1').attr("value");
		var time = $(this).attr("value");
		var date = $('#startDate').attr("value");
		
		if (id_location>0) {
			changeTimeInfo(date, time, id_location, "#locatie1-info");
		}
	}); //end trigger event
	
	$('#ora2').change(function() { //start function when "ora" select is changed
		var id_location = $('#locatie2').attr("value");
		var time = $(this).attr("value");
		var date = $('#endDate').attr("value");
		
		if (id_location>0) {
			changeTimeInfo(date, time, id_location, "#locatie2-info");
		}
	}); //end trigger event
	
	
	$('#locatie1').change(function() { //start function when location select is changed
		var id_location = $(this).attr("value");
		var time = $('#ora1').attr("value");
		var date = $('#startDate').attr("value");
		changeLocationInfo(id_location, "#locatie1-info");
		changeTimeInfo(date, time, id_location, "#locatie1-info");
		
		// prepopulam a doua casuta de info, daca este goala, la selectia primei
		if ($('#locatie2').attr("value")==0) {
			var time2 = $('#ora2').attr("value");
			var date2 = $('#endDate').attr("value");
			document.getElementById("locatie2").selectedIndex = document.getElementById("locatie1").selectedIndex;
			prepopulateLocationInfo($('#locatie1').attr("value"), "#locatie2-info");
			changeTimeInfo(date2, time2, id_location, "#locatie2-info");
		}
	}); //end trigger event
	
	$('#locatie2').change(function() { //start function when location select is changed
		var id_location = $(this).attr("value");
		var time = $('#ora2').attr("value");
		var date = $('#endDate').attr("value");
		changeLocationInfo(id_location, "#locatie2-info");
		changeTimeInfo(date, time, id_location, "#locatie2-info");
	}); //end trigger event
	
	
	// *********************************************************************************************************************************************
	// LOCATII
	// *********************************************************************************************************************************************
	$('#locations .title a').show();
	$('#locations .title a').click(function(){
		var target = $(this).attr("name");
		$("#" + target).slideToggle(200);
		return false;
	});
	
});