var cleared_fields = [];

function calendarShowDay(el) {
	var source = $(el).find(".events");
	var target = $(el).parents(".panel-calendar").find(".event-view");
	
	target.html(source.html());

	// aktualizujeme scrollbar
	var inner = target;
	var wrap = inner.parents(".event-view-wrapper");
	createScrollbar(wrap, inner);		
}

// vytvori scrollbar pro kalendar
function createScrollbar(wrap, inner) {
	var scrollbarEl = wrap.find(".scrollbar");
	if (inner.height() > wrap.height()) {
		wrap.addClass("with-scrollbar");
		scrollbarEl.slider({
			orientation: "vertical",
			value: 100,
			min: 0,
			max: 100,
			slide: function(e, ui){
				var val = (100 - ui.value) / 100;
				inner.css('top', Math.round(val * (wrap.height() - inner.height())) + 'px');
			}
		});
		
	// pripadne pokud je obsah mensi nez vyska, scrollbar zrusime
	} else {
		scrollbarEl.slider("destroy");
		wrap.removeClass("with-scrollbar");
	}
	inner.css('top', '0px');
}

// projde vsechny kalendare a inicializuje je
$(document).ready(function(){
	$(".event-view-wrapper").each(function(){
		var wrap = $(this);
		var inner = wrap.find(".event-view");
		wrap.append('<div class="scrollbar"></div>');
		inner.wrap('<div class="event-view-scroll-wrapper" />');

		createScrollbar(wrap, inner);
	});
});

function clear_field(field) {
	if(cleared_fields[field.name] == null) {
		cleared_fields[field.name] = field.value;		
		field.value = "";
	}
}

function restore_field(field) {
	if(cleared_fields[field.name] != null && field.value == "") {
		field.value = cleared_fields[field.name];
		cleared_fields[field.name] = null;
	}
}

function addDancer(gender, courseId, registrationPrefix) {
    var idx = dancerIterator;

    var gender_0 = (gender == 0) ? "checked=\"checked\"" : "";
    var gender_1 = (gender == 1) ? "checked=\"checked\"" : "";
    
    var innerHTML = "<div class=\"dancer-info\">" +
    
		"	<input type=\"hidden\" name=\"" + registrationPrefix + idx + "_courseId\" value=\"" + courseId + "\" />" +
		"	<div class=\"field field-input\">" +
		"		<label class=\"label\" for=\"" + registrationPrefix + idx + "_name\">Jméno</label>" +
		"		<div class=\"input\">" +
		"			<input type=\"text\" id=\"" + registrationPrefix + idx + "_name\" name=\"" + registrationPrefix + idx + "_name\" value=\"\" />" +
		" 		</div>" +
		"		<div class=\"clear\"></div>" +
		"	</div>" +
		
		"	<div class=\"field field-input\">" +
		"		<label class=\"label\" for=\"" + registrationPrefix + idx + "_surname\">Příjmení</label>" +
		"		<div class=\"input\">" +
		"			<input type=\"text\" id=\"" + registrationPrefix + idx + "_surname\" name=\"" + registrationPrefix + idx + "_surname\" value=\"\" />" +
		" 		</div>" +
		"		<div class=\"clear\"></div>" +
		"	</div>" +

		"	<div class=\"field field-radio\">" +
		"		<label class=\"label\" for=\"" + registrationPrefix + idx + "_gender\">Pohlaví</label>" +
		"		<div class=\"input\">" +
		"			<input type=\"radio\" id=\"" + registrationPrefix + idx + "_gender-0\" name=\"" + registrationPrefix + idx + "_gender\" value=\"0\" " + gender_0 + " />" +
		"			<label for=\"" + registrationPrefix + idx + "_gender-0\">Muž</label>" +
		"			<input type=\"radio\" id=\"" + registrationPrefix + idx + "_gender-1\" name=\"" + registrationPrefix + idx + "_gender\" value=\"1\" " + gender_1 + " />" +
		"			<label for=\"" + registrationPrefix + idx + "_gender-1\">Žena</label>" +
		" 		</div>" +
		"		<div class=\"clear\"></div>" +
		"	</div>" +

		
		"	<div class=\"field field-textarea\">" +
		"		<label class=\"label\" for=\"" + registrationPrefix + idx + "_address\">Adresa</label>" +
		"		<div class=\"input\">" +
		"			<textarea id=\"" + registrationPrefix + idx + "_address\" name=\"" + registrationPrefix + idx + "_address\"></textarea>" +
		" 		</div>" +
		"		<div class=\"clear\"></div>" +
		"	</div>" +
		
		"	<div class=\"field field-input\">" +
		"		<label class=\"label\" for=\"" + registrationPrefix + idx + "_school\">Škola</label>" +
		"		<div class=\"input\">" +
		"			<input type=\"text\" id=\"" + registrationPrefix + idx + "_school\" name=\"" + registrationPrefix + idx + "_school\" value=\"" + school + "\" />" +
		" 		</div>" +
		"		<div class=\"clear\"></div>" +
		"	</div>" +
		
		"	<div class=\"field field-input\">" +
		"		<label class=\"label\" for=\"" + registrationPrefix + idx + "_schoolClass\">Třída</label>" +
		"		<div class=\"input\">" +
		"			<input type=\"text\" id=\"" + registrationPrefix + idx + "_schoolClass\" name=\"" + registrationPrefix + idx + "_schoolClass\" value=\"" + school_class + "\" />" +
		" 		</div>" +
		"		<div class=\"clear\"></div>" +
		"	</div>" +
		
		"	<div class=\"field field-input\">" +
		"		<label class=\"label\" for=\"" + registrationPrefix + idx + "_email\">E-mail</label>" +
		"		<div class=\"input\">" +
		"			<input type=\"text\" id=\"" + registrationPrefix + idx + "_email\" name=\"" + registrationPrefix + idx + "_email\" value=\"\" />" +
		" 		</div>" +
		"		<div class=\"clear\"></div>" +
		"	</div>" +
		
		"</div>";

    $("#dancers").append(innerHTML);
    dancerIterator++;
}

function autoFillSchool() {
	$("input[id$=_school]").change(function(event){
		var origin = $(this);
		var val = origin.val();
		school = val;
		var originalVal = origin.data('originalValue');

		$("input[id$=_school]").each(function(){
			var input = $(this);
			// puvodnimu policku menit hodnotu nebudeme
			if (input.attr("id") != origin.attr("id") &&
				// policko, ktere ma jiz upravenou hodnotu take ponechame tak
				(input.val() == "" || input.val() == originalVal)) {

				input.val(val);
			}
		});
	}).focus(function(){
		var $this = $(this);
        $this.data('originalValue', $this.val());
	});

	$("input[id$=_schoolClass]").change(function(event){
		var origin = $(this);
		var val = origin.val();
		school_class = val;
		var originalVal = origin.data('originalValue');

		$("input[id$=_schoolClass]").each(function(){
			var input = $(this);
			// puvodnimu policku menit hodnotu nebudeme
			if (input.attr("id") != origin.attr("id") &&
				// policko, ktere ma jiz upravenou hodnotu take ponechame tak
				(input.val() == "" || input.val() == originalVal)) {

				input.val(val);
			}
		});
	}).focus(function(){
		var $this = $(this);
        $this.data('originalValue', $this.val());
	});
}

function createContactMap(id){
    var map = new google.maps.Map(document.getElementById(id), {
      zoom: 14,
      center: new google.maps.LatLng(49.795117,18.241),
      mapTypeId: google.maps.MapTypeId.ROADMAP
    });

    var infowindow = new google.maps.InfoWindow();
    infowindow.setContent("<strong>Taneční škola ELÁN</strong><br/>"+
						  "DK Akord Ostrava Zábřeh<br/>"+
						  "nám. SNP<br/>"+
						  "700 30  Ostrava3");
    
    var marker = new google.maps.Marker({
      position: new google.maps.LatLng(49.791017,18.238517),
      map: map,
      title: "Taneční škola ELÁN"
    });

    google.maps.event.addListener(marker, 'click', function() {
      infowindow.open(map, marker);
    });
    infowindow.open(map, marker);
}

function clearValues() {
	$("#criteria-form select").val("");
	$("#criteria-form .select").html("Nezvoleno");
}