$(document).ready(function(){
    //replaceChecks();
    
    $("#apartment_availability_date").change(function()
    {
        send = $(this).parent().parent().parent().serialize();
        $.ajax({
                url: "/inc_show_page.php?page=main_availabilities",
                cache: false,
                type: "post",
                data: send,
                    success: function(response){
                        $("#main-availability").html(response);
                    	//$('.availability_free').tipsy({gravity: 's', status:'free'});
                        //$('.availability_occupied').tipsy({gravity: 's', status:'occupied'});
                        //$('.availability_request').tipsy({gravity: 's', status:'request'});
                    }
            });
        //alert($(this).parent().parent().find("form").serialize());
    });
    
    $("#btnAvailabilityRight").click(function()
    {
        send = $(this).parent().parent().serialize();
        send = send+"&nextWeek=1";
        //alert(send);
        $.ajax({
                url: "/inc_show_page.php?page=main_availabilities",
                cache: false,
                type: "post",
                data: send,
                    success: function(response){
                        $("#main-availability").html(response);
                    	//$('.availability_free').tipsy({gravity: 's', status:'free'});
                        //$('.availability_occupied').tipsy({gravity: 's', status:'occupied'});
                        //$('.availability_request').tipsy({gravity: 's', status:'request'});
                        $("#apartment_availability_date").val($("#availabilityDate").val());
                    }
            });
        return false;
    });

    $("#btnAvailabilityLeft").click(function()
    {
        send = $(this).parent().parent().serialize();
        send = send+"&prevWeek=1";
        //alert(send);
        $.ajax({
                url: "/inc_show_page.php?page=main_availabilities",
                cache: false,
                type: "post",
                data: send,
                    success: function(response){
                        $("#main-availability").html(response);
                    	//$('.availability_free').tipsy({gravity: 's', status:'free'});
                        //$('.availability_occupied').tipsy({gravity: 's', status:'occupied'});
                        //$('.availability_request').tipsy({gravity: 's', status:'request'});
                        $("#apartment_availability_date").val($("#availabilityDate").val());
                    }
            });
        return false;
    });

    var minPriceCaption = $("#min-price-caption");
    var priceFromHidden = $("#price_from_hidden");
    var priceToHidden = $("#price_to_hidden");
    var maxPriceCaption = $("#max-price-caption");
    minPriceCaption.css("left",priceFromHidden.val()/5+'%');
    if (priceToHidden.val() > 500)
        maxPriceCaption.css("left",500/5+'%');
    else
        maxPriceCaption.css("left",priceToHidden.val()/5+'%');
    
    // Slider-main
	$('#slider-main').slider({
		range: true,
		step: 50,
		min:0,
		max:500,
		values: [priceFromHidden.val(), priceToHidden.val()],
        slide: function(event,ui) {
            minPriceCaption.css("left",ui.values[0]/5+'%');
            minPriceCaption.text(ui.values[0]+' EUR');
            if (ui.values[1] > 470)
            {
                maxPriceCaption.text(" > 500 EUR");
                priceToHidden.val("9999");
                maxPriceCaption.css("left",500/5+'%');
            }
            else
            {
                maxPriceCaption.text(ui.values[1]+' EUR');
                priceToHidden.val(ui.values[1]);
                maxPriceCaption.css("left",ui.values[1]/5+'%');
            }
            priceFromHidden.val(ui.values[0]);
        }
	});

    var navMainPicker = $("#navigator-search .main-date-picker");
    
    navMainPicker.each(function(index)
    {
        nazevPole = $(this).attr("id").split("-");
        delka = nazevPole.length;
        if (nazevPole[delka-1] == "from")
        {
            date = $(this).val().split(".");
            date = new Date(date[2],date[1]-1,date[0]);
            date.setDate(date.getDate()+1);
            nazevPole.splice(delka-1, 1);
            dateTo = nazevPole.join('-');
            dateTo = dateTo+"-to";
            $('#'+dateTo).datepicker('option', 'minDate', date);
        }
    });
     
    navMainPicker.change(function()
    {
        nazevPole = $(this).attr("id").split("-");
        delka = nazevPole.length;
        if (nazevPole[delka-1] == "from")
        {
            date = $(this).val().split(".");
            date = new Date(date[2],date[1]-1,date[0]);
            date.setDate(date.getDate()+1);
            nazevPole.splice(delka-1, 1);
            dateTo = nazevPole.join('-');
            dateTo = dateTo+"-to";
            $('#'+dateTo).datepicker('option', 'minDate', date);
        }
    });


    $('.MainservicePictogram').each(function(index)
    {
       
        pict_id = $(this).attr("id");
        pict_title = $(this).attr("checkbox_title");
        div_width = $(this).attr("checkbox_width");
        div_height = $(this).attr("checkbox_height");
        if($(this).is(':checked'))
            predpona = "";
        else
            predpona = "no_";
            
        
        obsah = '<div style="position:relative; width:'+div_width+'px; height:'+div_height+'px; margin:1px;" class="left"><div class="left pointer" style="position:absolute; margin:2px;"><img class="servicePictogram" checkbox_id="'+pict_id+'" src="/img/pictograms/'+predpona+pict_id+'.gif">';
        if (pict_title)
            obsah=obsah+'<div style="position:absolute;top:50px; left:0px;width:100%;text-align:center; font-size:11px;">'+pict_title+'</div>'
        obsah = obsah+'</div></div>';
        $(this).after(obsah);
        $(this).hide();
    });
    
    $(".servicePictogram").click(function()
    {
        //alert("X");
        id = $(this).attr("checkbox_id");
        if($("#"+id).is(':checked'))
        {
            $("#"+id).attr('checked', false);
            $(this).attr("src", "/img/pictograms/no_"+id+".gif");
            $(this).parent().removeClass("white");
        } else
        {
            $("#"+id).attr('checked', true);
            $(this).attr("src", "/img/pictograms/"+id+".gif");
            $(this).parent().addClass("white");
        }
    });
    
});