﻿$(document).ready(function() {

    $("#lbtnPonukaPredaj")
		.click(function() {
		    $("#ponukaForm").dialog("open");
		});

    $("#lbtnZiadostPorad")
		.click(function() {
		    $("#otazkaForm").dialog("open");
		});

    $("#refCennikSluzieb")
		.click(function() {
		    $("#cennikSluzieb").dialog("open");
		});

//    var $wrapper = $('#scroller a img');
//    $wrapper.css({ left: 0 });
//    var animator = function(imgblock) {
//        imgblock.animate(
//                    { left: -900 }, 50000,
//                    function() {
//                        imgblock.css({ left: 900 });
//                        animator($(this));
//                    }
//                  );
//    }

//    animator($wrapper);
//    $wrapper.hover(
//        function() {
//            $wrapper.stop();
//        },
//        function() {
//            animator($wrapper);
//        }
//    );

    var $wrapperakcie = $('#scrollerAkcie a div');
    $wrapperakcie.css({ left: 0 });
    var animatorakcie = function(imgblock) {
        imgblock.animate(
        { left: -1300 }, 30000,
        function() {
            imgblock.css({ left: 700 });
            animatorakcie($(this));
        }
      );
    }
    animatorakcie($wrapperakcie);
    $wrapperakcie.hover(
        function() {
            $wrapperakcie.stop();
        },
        function() {
            animatorakcie($wrapperakcie);
        }
    );

//    var $wrapperfoot = $('#foot-men a img');
//    $wrapperfoot.css({ left: 0 });
//    var animatorfoot = function(imgblock) {
//        imgblock.animate(
//                    { left: -400 }, 50000,
//                    function() {
//                        imgblock.css({ left: 400 });
//                        animatorfoot($(this));
//                    }
//                  );
//    }

//    animatorfoot($wrapperfoot);
//    $wrapperfoot.hover(
//        function() {
//            $wrapperfoot.stop();
//        },
//        function() {
//            animatorfoot($wrapperfoot);
//        }
//    );

    var $wrapperpart = $('#scroller_partner_ind a img');
    $wrapperpart.css({ top: 0 });
    var animatorpart = function(imgblock) {
        imgblock.animate(
        { top: -1000 }, 25000,
        function() {
            imgblock.css({ top: 470 });
            animatorpart($(this));
        }
        );
    }
    animatorpart($wrapperpart);
    $wrapperpart.hover(
        function() {
            $wrapperpart.stop();
        },
        function() {
            animatorpart($wrapperpart);
        }
    );

    var $menu = $('#user-area');
    $menu.hover(
        function() {
//            $wrapper.stop();
            $wrapperpart.stop();
//            $wrapperfoot.stop();
            $wrapperakcie.stop();
        },
        function() {
//            animator($wrapper);
            animatorpart($wrapperpart);
//            animatorfoot($wrapperfoot);
            animatorakcie($wrapperakcie);
        }
    );

    var $sidebar_menu = $('#sidebar-menu li');
    $sidebar_menu.hover(
        function() {
//            $wrapper.stop();
            $wrapperpart.stop();
//            $wrapperfoot.stop();
            $wrapperakcie.stop();
        },
        function() {
//            animator($wrapper);
            animatorpart($wrapperpart);
//            animatorfoot($wrapperfoot);
            animatorakcie($wrapperakcie);
        }
    );

    var $short_offer = $('#short-offer li');
    $short_offer.hover(
        function() {
//            $wrapper.stop();
            $wrapperpart.stop();
//            $wrapperfoot.stop();
            $wrapperakcie.stop();
        },
        function() {
//            animator($wrapper);
            animatorpart($wrapperpart);
//            animatorfoot($wrapperfoot);
            animatorakcie($wrapperakcie);
        }
    );

    //------------------------

    //    $("#btnReset").click(function(e) {
    //        e.preventDefault();
    //        $("#tbContentQuestion").val("");
    //        $("#tbMenoQuestion").val("");
    //        $("#tbPriezviskoQuestion").val("");
    //        $("#tbTel1Question").val("");
    //        $("#tbTel2Question").val("");
    //        $("#tbEmailQuestion").val("");
    //    });

    //-----------------------    

    $("#sidebar li ul").hide();
    $("#sidebar li").hover(
          function() {
              $(this).children("ul").show();
          },
          function() {
              $(this).children("ul").hide();
          }
        ); //hover

    $("#menu li").hover(
          function() {
              $(this).children("ul").show();
          },
          function() {
              $(this).children("ul").hide();
          }
        ); //hover

    $(".menu_shc a").hover(function() {
        $(this).next("em").animate({ opacity: "show", top: "-75" }, "slow");
    }, function() {
        $(this).next("em").animate({ opacity: "hide", top: "-85" }, "fast");
    });

    this.imagePreview = function() {
        var $box = $('.desc-limit');
        $box.fadeOut('slow');
        $box.fadeIn('slow');

        //    imagePreview();
        xOffset = 10;
        yOffset = 30;

        $("a.hoverPreview").hover(function(e) {
            this.t = this.title;
            this.title = "";
            var c = (this.t != "") ? "<br/>" + this.t : "";
            $("body").append("<p id='hoverPreview'><img src='" + this.href + "' alt='Image preview' />" + c + "</p>");
            $("#hoverPreview")
			    .css("top", (e.pageY - xOffset) + "px")
			    .css("left", (e.pageX + yOffset) + "px")
			    .fadeIn("fast");
        },
	    function() {
	        this.title = this.t;
	        $("#hoverPreview").remove();
	    });
        $("a.hoverPreview").mousemove(function(e) {
            $("#hoverPreview")
			    .css("top", (e.pageY - xOffset) + "px")
			    .css("left", (e.pageX + yOffset) + "px");
        });
    };

    $("#imageView").dialog({
        autoOpen: false,
        modal: true,
        height: 280,
        width: 320
    });

    $('ul#navigation li').hover(function() {
        $(this).find('.subnav').slideDown('slow');
        $(this).find('a').addClass('active');
    }, function() {
        $(this).find('.subnav').slideUp('fast');
        $(this).find('a').removeClass('active');
    });

});

$(document).bind("contextmenu", function(e) {
    return false;
});

$(function() {
    $.fx.speeds._default = 1000;
    $("#karieraInfo").dialog({
        autoOpen: false,
        show: "fade",
        hide: "fade",
        modal: true,
        width: 500,
        buttons: {
            Ok: function() {
                $(this).dialog("close");
            }
        }
    });
    $("#linkKariera")
		.click(function() {
		    $("#karieraInfo").dialog("open");
		});
});

//function OpenContact(id) {
//    $.ajax({
//        url: "IndexService.asmx/GetPracovnik",
//        type: "POST",
//        contentType: "application/json; charset=utf-8",
//        data: '{ "id":"' + id + '" }',
//        dataType: "json",
//        success: function(response) {
//            var prac = response.d;
//            $("#kpMeno").text(prac.Meno);
//            $("#kpPriezvisko").text(prac.Priezvisko);
//            $("#kpTel1").text(prac.Tel1);
//            $("#kpTel2").text(prac.Tel2);
//            $("#kpEmail").html("<a href='mailto:" + prac.Email + "'>" + prac.Email + "</a>");
//            $("#kpFoto").attr("src", prac.ImageUrl);

//            $("#kontaktPrac").dialog({
//                autoOpen: false,
//                show: "fold",
//                hide: "fold",
//                modal: true,
//                height: 220,
//                width: 370,
//                buttons: {
//                    Ok: function() {
//                        $(this).dialog("close");
//                    }
//                }
//            });
//        },
//        error: function(xhr, status, error) {
//            alert("An error has occurred during processing: " + error);
//        }
//    });
//}

//* ---------------------------------------------------------------------------
//$(function() {
//    $("#kontaktPrac").dialog({
//        autoOpen: false,
//        show: "fade",
//        hide: "fade",
//        modal: true,
//        height: 220,
//        width: 370,
//        buttons: {
//            Ok: function() {
//                $(this).dialog("close");
//            }
//        }
//    });
//});
////* ---------------------------------------------------------------------------

//* ---------------------------------------------------------------------------
$(function() {
    $("#dialog:ui-dialog").dialog("destroy");

    var meno = $("#poMeno"),
            priezv = $("#poPriezvisko"),
            content = $("#poPopis"),
            telefon = $("#poTel1"),
            email = $("#poEmail"),
	        allFields = $([]).add(meno).add(priezv).add(content).add(telefon).add(email),
	        tips = $(".validateTips");

    function updateTips(t) {
        tips.text(t).addClass("ui-state-highlight");
        setTimeout(function() { tips.removeClass("ui-state-highlight", 1500); }, 500);
    }

    function checkLength(o, n, min, max) {
        if (o.val().length > max || o.val().length < min) {
            o.addClass("ui-state-error");
            updateTips("Dĺžka údaja: " + n + " musí byť medzi " + min + " a " + max + ".");
            return false;
        } else {
            return true;
        }
    }

    function checkRequired(o, n) {
        if (o.val().length < 1) {
            o.addClass("ui-state-error");
            updateTips("Údaj: " + n + " je povinný.");
            return false;
        } else {
            return true;
        }
    }

    function checkRegexp(o, regexp, n) {
        if (!(regexp.test(o.val()))) {
            o.addClass("ui-state-error");
            updateTips(n);
            return false;
        } else {
            return true;
        }
    }

    function checkEmail(o, n) {
        if (!checkRegexp(o,
        /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i,
         "Email: " + n + " je nesprávne zadaný.")) {
            return false;
        } else {
            return true;
        }
    }

    $("#ponukaForm").dialog({
        autoOpen: false,
        show: "clip",
        hide: "clip",
        modal: true,
        height: 550,
        width: 560,
        buttons: {
            "Odoslať": function() {
                var bValid = true;
                allFields.removeClass("ui-state-error");

                bValid = bValid && checkLength(meno, "Meno", 2, 20);
                bValid = bValid && checkLength(priezv, "Priezvisko", 2, 20);
                bValid = bValid && checkLength(email, "Email", 6, 30);
                bValid = bValid && checkRegexp(email, /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i, "Forma emailu: aaaaa@gnail.com");

                if (bValid) {
                    SendPonuka();
                    $(this).dialog("close");
                }
            },

            "Zrušiť": function() {
                $(this).dialog("close");
            }
        }
    });
    $("#poPlatneDo").datepicker({ dateFormat: 'dd.mm.yy' });
});

function SendPonuka() {
    var ponukaObj = new Object();

    ponukaObj.Id_Ucel =$('#poDdlUcel').val();
    ponukaObj.Id_Druh =$('#poDdlDruh').val();
    ponukaObj.Id_Kraj =$('#poDdlKraj').val();
    ponukaObj.Id_Okres =$('#poDdlOkres').val();
    ponukaObj.Id_Lokalita = $('#poDdlLokalita').val();

    ponukaObj.Ucel = $('#poDdlUcel :selected').text();
    ponukaObj.Druh = $('#poDdlDruh :selected').text();
    ponukaObj.Kraj = $('#poDdlKraj :selected').text();
    ponukaObj.Okres = $('#poDdlOkres :selected').text();
    ponukaObj.Lokalita = $('#poDdlLokalita :selected').text();
    
    ponukaObj.Miesto = $("#poMiesto").val();
    ponukaObj.Nazov = $("#poNazov").val();
    ponukaObj.StrCena = $("#poCena").val();
    ponukaObj.StrPlatnost = $("#poPlatneDo").val();  //Date.parse($("#poPlatneDo").val());
    ponukaObj.Popis = $("#poPopis").val();
    
    ponukaObj.Meno = $("#poMeno").val();
    ponukaObj.Priezvisko = $("#poPriezvisko").val();
    ponukaObj.Tel1 = $("#poTel1").val();
    ponukaObj.Tel2 = $("#poTel2").val();
    ponukaObj.Email = $("#poEmail").val();

    //Define DTO i.e. Data Transfer Object as follows
    var DTO = { 'ponuka': ponukaObj };

    $.ajax({
        type: "POST",
        url: "IndexService.asmx/SendPonuka",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        data: JSON.stringify(DTO),
        success: function(msg) {
            if (msg.d)
                $(".alertmsg").html("Valid Data");
            else
                $(".alertmsg").html("Invalid Data");
        },
        error: function(xhr, status, error) {
            var err = eval("(" + xhr.responseText + ")");
            alert("Vyskytla sa chyba: " + err.Message);
        }
    });
}
//* ---------------------------------------------------------------------------

//* ---------------------------------------------------------------------------
$(function() {
    // a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore!
    $("#dialog:ui-dialog").dialog("destroy");

    var meno = $("#otazMeno"),
        priezv = $("#otazPriezvisko"),
        content = $("#otazOtazka"),
        telefon = $("#otazTel1"),
        email = $("#otazEmail"),
	    allFields = $([]).add(meno).add(priezv).add(content).add(telefon).add(email),
	    tips = $(".validateTips");

    function updateTips(t) {
        tips.text(t).addClass("ui-state-highlight");
        setTimeout(function() { tips.removeClass("ui-state-highlight", 1500); }, 500);
    }

    function checkLength(o, n, min, max) {
        if (o.val().length > max || o.val().length < min) {
            o.addClass("ui-state-error");
            updateTips("Dĺžka údaja: " + n + " musí byť medzi " + min + " a " + max + ".");
            return false;
        } else {
            return true;
        }
    }

    function checkRequired(o, n) {
        if (o.val().length < 1) {
            o.addClass("ui-state-error");
            updateTips("Údaj: " + n + " je povinný.");
            return false;
        } else {
            return true;
        }
    }

    function checkRegexp(o, regexp, n) {
        if (!(regexp.test(o.val()))) {
            o.addClass("ui-state-error");
            updateTips(n);
            return false;
        } else {
            return true;
        }
    }

    function checkEmail(o, n) {
        if (!checkRegexp(o,
    /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i,
     "Email: " + n + " je nesprávne zadaný.")) {
            return false;
        } else {
            return true;
        }
    }

    $.fx.speeds._default = 1000;
    $("#otazkaForm").dialog({
        autoOpen: false,
		show: "blind",
		hide: "blind",
        height: 380,
        width: 480,
        modal: true,
        buttons: {
            "Odoslať": function() {
                var bValid = true;
                allFields.removeClass("ui-state-error");

                bValid = bValid && checkLength(content, "Otázka", 6, 120);
                bValid = bValid && checkLength(meno, "Meno", 2, 20);
                bValid = bValid && checkLength(priezv, "Priezvisko", 2, 20);
                bValid = bValid && checkLength(email, "Email", 6, 30);

                //bValid = bValid && checkRegexp(name, /^[a-z]([0-9a-z_])+$/i, "Name may consist of a-z, 0-9, underscores, begin with a letter.");
                //bValid = bValid && checkRegexp(name, /^[a-z]([0-9a-z_])+$/i, "Name may consist of a-z, 0-9, underscores, begin with a letter.");
                // From jquery.validate.js (by joern), contributed by Scott Gonzalez: http://projects.scottsplayground.com/email_address_validation/
                bValid = bValid && checkRegexp(email, /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i, "Forma emailu: aaaaa@gnail.com");

                if (bValid) {
                    SendQuestion();
                    $(this).dialog("close");
                }
            },
            Zrušiť: function() {
                $(this).dialog("close");
            }
        },
        close: function() {
            allFields.val("").removeClass("ui-state-error");
        }
    });
});

function SendQuestion() {
    var OtazkaObj = new Object();
    OtazkaObj.Obsah = $("#otazOtazka").val();
    OtazkaObj.Meno = $("#otazMeno").val();
    OtazkaObj.Priezvisko = $("#otazPriezvisko").val();
    OtazkaObj.Tel1 = $("#otazTel1").val();
    OtazkaObj.Tel2 = $("#otazTel2").val();
    OtazkaObj.Email = $("#otazEmail").val();

    //Define DTO i.e. Data Transfer Object as follows
    var DTO = { 'otazka': OtazkaObj };

    $.ajax({
        type: "POST",
        url: "IndexService.asmx/SendQuestion",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        data: JSON.stringify(DTO),
        success: function(msg) {
            if (msg.d)
                $(".alertmsg").html("Valid Data");
            else
                $(".alertmsg").html("Invalid Data");
        },
        error: function(xhr, status, error) {
            var err = eval("(" + xhr.responseText + ")");
            alert("Vyskytla sa chyba: " + err.Message);
        }
    });
}
//* ---------------------------------------------------------------------------

//* ---------------------------------------------------------------------------
$(function() {
    $.fx.speeds._default = 1000;
    $("#cennikSluzieb").dialog({
        autoOpen: false,
        show: "blind",
        hide: "blind",
        modal: true,
        width: 600,
        buttons: {
            Ok: function() {
                $(this).dialog("close");
            }
        }
    });
});
//* ---------------------------------------------------------------------------

//* ---------------------------------------------------------------------------
$(function() {
    $('#poDdlKraj').change(getOkresy);
    $('#poDdlOkres').attr('disabled', true);
    $('#poDdlLokalita').attr('disabled', true);
});

function getOkresy() {
    $.ajax({
        type: "POST",
        url: "IndexService.asmx/GetOkresList",
        data: "{idKraj: '" + $('#poDdlKraj').val() + "'}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        //        success: function(response) {
        ////            var okresy = (typeof response.d) == 'string' ? eval('(' + response.d + ')') : response.d;
        ////            $('#poDdlOkres').attr('disabled', false).change(getLokality).removeOption(/./).addOption('', ' -- Select Model -- ');
        //            $('#poDdlOkres').attr('disabled', false).change(getLokality).removeOption(/./).append($("<option></option>").val("[-]").html("Please select"));
        //            $('#poDdlLokalita').attr('disabled', true).removeOption(/./);

        ////            for (var i = 0; i < okresy.length; i++) {
        ////                var value = okresy[i].Value;
        ////                var text = okresy[i].Text;
        ////                $('#poDdlOkres').addOption(val, text, false);
        ////            }

        //            $.each(response.d, function() {
        //                $("#ddlModuleList").append($("<option></option>").val(this['Value']).html(this['Text']));
        //            });

        //        },
        //        
        success: function(msg) {
            $("#poDdlOkres").attr('disabled', false);
            $("#poDdlOkres").empty().append($("<option></option>").val("0").html("Voľba položky"));
            $("#poDdlOkres").change(getLokality);
            $('#poDdlLokalita').attr('disabled', true);
            $('#poDdlLokalita').empty();
            $.each(msg.d, function() {
                $("#poDdlOkres").append($("<option></option>").val(this['Value']).html(this['Text']));
            });
        },
        error: function(xhr, status, error) {
            var err = eval("(" + xhr.responseText + ")");
            alert("Nedali sa načítať okresy pre zvoleny kraj: " + err.Message);
        }
    });
}

function getLokality() {
    $.ajax({
        type: "POST",
        url: "IndexService.asmx/GetLokalitaList",
        data: '{ "idOkres":"' + $('#poDdlOkres').val() + '" }',
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        
//        success: function(response) {
//            var lokality = response.d;
//            $('#poDdlLokalita').attr('disabled', false).change(getLokality).removeOption(/./).addOption(0, ' -- Select Model -- ');

//            for (var i = 0; i < lokality.length; i++) {
//                var val = lokality[i].Value;
//                var text = lokality[i].Text;
//                $('#poDdlLokalita').addOption(val, text, false);
//            }
        //        }

        success: function(msg) {
        $("#poDdlLokalita").attr('disabled', false);
        $("#poDdlLokalita").empty().append($("<option></option>").val("0").html("Voľba položky"));
            $.each(msg.d, function() {
            $("#poDdlLokalita").append($("<option></option>").val(this['Value']).html(this['Text']));
            });
        },
        error: function(xhr, status, error) {
            var err = eval("(" + xhr.responseText + ")");
            alert("Nedaju sa nacitat lokality pre zvoleny okres: " + err.Message);
        }
    });
}

$(function() {
    $.fx.speeds._default = 1000;
    $("#realForm").dialog({
        autoOpen: false,
        show: "fade",
        hide: "fade",
        modal: true,
        height: 700,
        width: 720,
        buttons: {
            Ok: function() {
                $(this).dialog("close");
            }
        }
    });
});

$(function() {
    $("#tabs").tabs();
});

function OpenReal(id) {
    $.ajax({
        url: "IndexService.asmx/GetRealita",
        type: "POST",
        contentType: "application/json; charset=utf-8",
        data: '{ "id":"' + id + '" }',
        dataType: "json",
        success: function(response) {
            var real = response.d;

            $("#realMiesto").val(real.Miesto);
            $("#realNazov").val(real.Nazov);
            $("#realCena").val(real.Cena);
            $("#realVolnyOd").val(real.VolnyOd);
//            $("#realPopis").val(real.Popis);
            $("#realPlatneDo").val(real.StrPlatneDo);
            //            $("#idReal").val(real.Id);
            //            $("#realMeno").val(real.Meno);
            //            $("#realPriezvisko").val(real.Priezvisko);
            //            $("#realTel1").val(real.Tel1);
            //            $("#realTel2").val(real.Tel2);
            //            $("#realEmail").val(real.Email);
            $("#realUcel").val(real.Ucel);
            $("#realDruh").val(real.Druh);
            $("#realKraj").val(real.Kraj);
            $("#realOkres").val(real.Okres);
            $("#realLokalita").val(real.Lokalita);
            //$("#thumbList").empty();
            $("#realGaleria ul").empty();

//            if (real.ImageUrlList != null) {
//                var stringArray = real.ImageUrlList;
//                $.each(stringArray, function(index, value) {
//                    $("#realGaleria ul").append(
//                    //            "<li><div class='imageticket'><a href='" + value + "' class='hoverPreview'><div class='imageplace'>" +
//                    //            "<img src='" + value + "' height='52px;' /></div></a></div></li>"
//            "<li><div class='imageticket'><a href='#' onclick='return OpenImage('''" + value + "''');' ><div class='imageplace'>" +
//            "<img src='" + value + "' height='52px;' /></div></a></div></li>"

//                        )
//                });
              
//            }
            /* ------------ Charakteristiky ----------------- */
            if (real.Id_Druh == 1) {
                $("div#charaktContainer").html("<div id='tabs'><ul><li><a href='#tabs-1'>Charakteristiky</a></li><li><a href='#tabs-2'>Dalsie info</a></li><li><a href='#tabs-3'>Popis</a></li></ul><div id='tabs-1'></div><div id='tabs-2'></div><div id='tabs-3'></div></div>");
                $("#tabs-1").html(
            "<table class='default'>" +
            "<tr><td class='labelChar'>Celková úžitková plocha</td><td><input type='text' id='chDomUzitPlocha' class='inputstd text ui-widget-content ui-corner-all'>&nbsp;m2</td></tr>" +
            "<tr><td class='labelChar'>Plocha obytnej časti</td><td><input type='text' id='chDomPlochaObyt' class='inputstd text ui-widget-content ui-corner-all'>&nbsp;m2</td></tr>" +
            "<tr><td class='labelChar'>Plocha nebyt.priestorov</td><td><input type='text' id='chDomPlochaNeobyt' class='inputstd text ui-widget-content ui-corner-all'>&nbsp;m2</td></tr>" +
            "<tr><td class='labelChar'>Počet spální</td><td><input type='text' id='chDomPocSpalni'  class='inputstd text ui-widget-content ui-corner-all'></td></tr>" +
            "<tr><td class='labelChar'>Počet nadzemných podlaží</td><td><input type='text' id='chDomPocNadzemPod'  class='inputstd text ui-widget-content ui-corner-all'></td></tr>" +
            "<tr><td class='labelChar'>Počet podzemných podlaží</td><td><input type='text' id='chDomPocPodzemPod' class='inputstd text ui-widget-content ui-corner-all'></td></tr>" +
            "<tr><td class='labelChar'>Stav</td><td><input type='text' id='chDomStav' class='inputstd text ui-widget-content ui-corner-all'></td></tr>" +
            "<tr><td class='labelChar'>Forma vlastníctva</td><td><input type='text' id='chDomFormaVlast' class='inputstd text ui-widget-content ui-corner-all'></td></tr>" +
            "<tr><td class='labelChar'>Prevaž. konštrukcia objektu</td><td><input type='text' id='chDomPrevKonstr'  class='inputstd text ui-widget-content ui-corner-all'></td></tr>" +
            "<tr><td class='labelChar'>Kvalitatívny štandard</td><td><input type='text' id='chDomKvalStand'  class='inputstd text ui-widget-content ui-corner-all'></td></tr>" +
             "</table>" +
             "<table class='default'>" +
            "<tr><td class='labelChar'>Rok výstavby</td><td><input type='text' id='chDomRokVystavby' class='inputstd text ui-widget-content ui-corner-all'></td></tr>" +
            "<tr><td class='labelChar'>Rok kolaudácie</td><td><input type='text' id='chDomRokKolaud' class='inputstd text ui-widget-content ui-corner-all'></td></tr>" +
            "<tr><td class='labelChar'>Rok posl.rekonštrukcie</td><td><input type='text' id='chDomRokRekon' class='inputstd text ui-widget-content ui-corner-all'></td></tr>" +
            "<tr><td class='labelChar'>Typ pozemku</td><td><input type='text' id='chDomTypPozemku' class='inputstd text ui-widget-content ui-corner-all'></td></tr>" +
            "<tr><td class='labelChar'>Výmera pozemku celkom</td><td><input type='text' id='chDomVymeraPoz' class='inputstd text ui-widget-content ui-corner-all'>&nbsp;m2</td></tr>" +
            "<tr><td class='labelChar'>Príjazd</td><td><input type='text' id='chDomPrijazd' class='inputstd text ui-widget-content ui-corner-all'></td></tr>" +
            "<tr><td class='labelChar'>Náklady za služby a energie</td><td><input type='text' id='chDomNakladySl' class='inputstd text ui-widget-content ui-corner-all'>&nbsp;€/mesiac</td></tr>" +
            "<tr><td class='labelChar'>Zateplenie budovy</td><td colspan=2><span>" +
            "<input id='chDomZateplenie_1' name='chDomZateplenie' class='element radio' type='radio' value='1' /><label class='choice' for='chDomZateplenie_1'>Áno</label>" +
            "<input id='chDomZateplenie_2' name='chDomZateplenie' class='element radio' type='radio' value='2' /><label class='choice' for='chDomZateplenie_2'>Nie</label>" +
            "<input id='chDomZateplenie_3' name='chDomZateplenie' class='element radio' type='radio' value='0' checked  /><label class='choice' for='chDomZateplenie_3'>Neozn.</label>" +
		    "</span></td></tr>" +
            "<tr><td class='labelChar'>Spôsob vykurovania</td><td><input type='text' id='chDomSposVykur' class='inputstd text ui-widget-content ui-corner-all'></td></tr>" +
            "<tr><td class='labelChar'>Zdroj tepla</td><td><input type='text' id='chDomZdrojTepla' class='inputstd text ui-widget-content ui-corner-all'></td></tr>" +
            "</table>");
                $("#tabs-2").html(
            "<table class='default'>" +
            "<tr><td class='labelChar'>Príprava teplej vody</td><td><input type='text' id='chDomPripTepVody' class='inputstd text ui-widget-content ui-corner-all'></td></tr>" +
            "<tr><td class='labelChar'>Elektrický prúd</td><td><input type='text' id='chDomElPrud' class='inputstd text ui-widget-content ui-corner-all'></td></tr>" +
            "<tr><td class='labelChar'>Bezpečnostné zariad.</td><td colspan=2><span>" +
            "<input id='chDomBezpZar_1' name='chDomBezpZar' class='element radio' type='radio' value='1'  /><label class='choice' for='chDomBezpZar_1'>Áno</label>" +
            "<input id='chDomBezpZar_2' name='chDomBezpZar' class='element radio' type='radio' value='2'  /><label class='choice' for='chDomBezpZar_2'>Nie</label>" +
            "<input id='chDomBezpZar_3' name='chDomBezpZar' class='element radio' type='radio' value='0' checked  /><label class='choice' for='chDomBezpZar_3'>Neozn.</label>" +
		    "</span></td></tr>" +
            "<tr><td class='labelChar'>Internet</td><td><span>" +
            "<input id='chDomInternet_1' name='chDomInternet' class='element radio' type='radio' value='1'  /><label class='choice' for='chDomInternet_1'>Áno</label>" +
            "<input id='chDomInternet_2' name='chDomInternet' class='element radio' type='radio' value='2'  /><label class='choice' for='chDomInternet_2'>Nie</label>" +
            "<input id='chDomInternet_3' name='chDomInternet' class='element radio' type='radio' value='0' checked  /><label class='choice' for='chDomInternet_3'>Neozn.</label>" +
		    "</span></td></tr>" +
            "<tr><td class='labelChar'>Káblová televízia</td><td><span>" +
            "<input id='chDomKablTV_1' name='chDomKablTV' class='element radio' type='radio' value='1'  /><label class='choice' for='chDomKablTV_1'>Áno</label>" +
            "<input id='chDomKablTV_2' name='chDomKablTV' class='element radio' type='radio' value='2'  /><label class='choice' for='chDomKablTV_2'>Nie</label>" +
            "<input id='chDomKablTV_3' name='chDomKablTV' class='element radio' type='radio' value='0' checked  /><label class='choice' for='chDomKablTV_3'>Neozn.</label>" +
		    "</span></td></tr>" +
            "<tr><td class='labelChar'>Terasa</td><td><span>" +
            "<input id='chDomTerasa_1' name='chDomTerasa' class='element radio' type='radio' value='1'  /><label class='choice' for='chDomTerasa_1'>Áno</label>" +
            "<input id='chDomTerasa_2' name='chDomTerasa' class='element radio' type='radio' value='2'  /><label class='choice' for='chDomTerasa_2'>Nie</label>" +
            "<input id='chDomTerasa_3' name='chDomTerasa' class='element radio' type='radio' value='0' checked  /><label class='choice' for='chDomTerasa_3'>Neozn.</label>" +
		    "</span></td></tr>" +
		    "<tr><td class='labelChar'>Krb</td><td><span>" +
            "<input id='chDomKrb_1' name='chDomKrb' class='element radio' type='radio' value='1' /><label class='choice' for='chDomKrb_1'>Áno</label>" +
            "<input id='chDomKrb_2' name='chDomKrb' class='element radio' type='radio' value='2' /><label class='choice' for='chDomKrb_2'>Nie</label>" +
            "<input id='chDomKrb_3' name='chDomKrb' class='element radio' type='radio' value='0' checked  /><label class='choice' for='chDomKrb_3'>Neozn.</label>" +
		    "</span></td></tr>" +
            "<tr><td class='labelChar'>Bazén</td><td><span>" +
            "<input id='chDomBazen_1' name='chDomBazen' class='element radio' type='radio' value='1'  /><label class='choice' for='chDomBazen_1'>Áno</label>" +
            "<input id='chDomBazen_2' name='chDomBazen' class='element radio' type='radio' value='2'  /><label class='choice' for='chDomBazen_2'>Nie</label>" +
            "<input id='chDomBazen_3' name='chDomBazen' class='element radio' type='radio' value='0' checked  /><label class='choice' for='chDomBazen_3'>Neozn.</label>" +
		    "</span></td></tr>" +
		    "<tr><td class='labelChar'>Sauna</td><td><span>" +
            "<input id='chDomSauna_1' name='chDomSauna' class='element radio' type='radio' value='1'  /><label class='choice' for='chDomSauna_1'>Áno</label>" +
            "<input id='chDomSauna_2' name='chDomSauna' class='element radio' type='radio' value='2'  /><label class='choice' for='chDomSauna_2'>Nie</label>" +
            "<input id='chDomSauna_3' name='chDomSauna' class='element radio' type='radio' value='0' checked  /><label class='choice' for='chDomSauna_3'>Neozn.</label>" +
		    "</span></td></tr>" +
            "<tr><td class='labelChar'>Fitness</td><td><span>" +
            "<input id='chDomFitnes_1' name='chDomFitnes' class='element radio' type='radio' value='1'  /><label class='choice' for='chDomFitnes_1'>Áno</label>" +
            "<input id='chDomFitnes_2' name='chDomFitnes' class='element radio' type='radio' value='2'  /><label class='choice' for='chDomFitnes_2'>Nie</label>" +
            "<input id='chDomFitnes_3' name='chDomFitnes' class='element radio' type='radio' value='0' checked  /><label class='choice' for='chDomFitnes_3'>Neozn.</label>" +
		    "</span></td></tr>" +
            "</table>" +
            "<table class='default'>" +
            "<tr><td class='labelChar'>Skleník</td><td><span>" +
            "<input id='chDomSklenik_1' name='chDomSklenik' class='element radio' type='radio' value='1'  /><label class='choice' for='chDomSklenik_1'>Áno</label>" +
            "<input id='chDomSklenik_2' name='chDomSklenik' class='element radio' type='radio' value='2'  /><label class='choice' for='chDomSklenik_2'>Nie</label>" +
            "<input id='chDomSklenik_3' name='chDomSklenik' class='element radio' type='radio' value='0' checked  /><label class='choice' for='chDomSklenik_3'>Neozn.</label>" +
		    "</span></td></tr>" +
            "<tr><td class='labelChar'>Zimná záhrada</td><td><span>" +
            "<input id='chDomZimZahr_1' name='chDomZimZahr' class='element radio' type='radio' value='1' /><label class='choice' for='chDomZimZahr_1'>Áno</label>" +
            "<input id='chDomZimZahr_2' name='chDomZimZahr' class='element radio' type='radio' value='2' /><label class='choice' for='chDomZimZahr_2'>Nie</label>" +
            "<input id='chDomZimZahr_3' name='chDomZimZahr' class='element radio' type='radio' value='0' checked /><label class='choice' for='chDomZimZahr_3'>Neozn.</label>" +
		    "</span></td></tr>" +
		    "<tr><td class='labelChar'>Záhradný domček</td><td><span>" +
            "<input id='chDomZahrDomcek_1' name='chDomZahrDomcek' class='element radio' type='radio' value='1' /><label class='choice' for='chDomZahrDomcek_1'>Áno</label>" +
            "<input id='chDomZahrDomcek_2' name='chDomZahrDomcek' class='element radio' type='radio' value='2' /><label class='choice' for='chDomZahrDomcek_2'>Nie</label>" +
            "<input id='chDomZahrDomcek_3' name='chDomZahrDomcek' class='element radio' type='radio' value='0' checked /><label class='choice' for='chDomZahrDomcek_3'>Neozn.</label>" +
		    "</span></td></tr>" +
		    "<tr><td class='labelChar'>Dielňa</td><td><span>" +
            "<input id='chDomDielna_1' name='chDomDielna' class='element radio' type='radio' value='1' /><label class='choice' for='chDomDielna_1'>Áno</label>" +
            "<input id='chDomDielna_2' name='chDomDielna' class='element radio' type='radio' value='2' /><label class='choice' for='chDomDielna_2'>Nie</label>" +
            "<input id='chDomDielna_3' name='chDomDielna' class='element radio' type='radio' value='0' checked /><label class='choice' for='chDomDielna_3'>Neozn.</label>" +
		    "</span></td></tr>" +
            "<tr><td class='labelChar'>Garáž</td><td><span>" +
            "<input id='chDomGaraz_1' name='chDomGaraz' class='element radio' type='radio' value='1' /><label class='choice' for='chDomGaraz_1'>Áno</label>" +
            "<input id='chDomGaraz_2' name='chDomGaraz' class='element radio' type='radio' value='2' /><label class='choice' for='chDomGaraz_2'>Nie</label>" +
            "<input id='chDomGaraz_3' name='chDomGaraz' class='element radio' type='radio' value='0' checked /><label class='choice' for='chDomGaraz_3'>Neozn.</label>" +
		    "</span></td></tr>" +
            "<tr><td class='labelChar'>Poč.park.miest v garáži</td><td><input type='text' id='chDomPocParkGar' class='inputstd text ui-widget-content ui-corner-all'></td></tr>" +
            "<tr><td class='labelChar'>Pitná voda</td><td><input type='text' id='chDomPitnaVoda' class='inputstd text ui-widget-content ui-corner-all'></td></tr>" +
            "<tr><td class='labelChar'>Súčasné využitie</td><td><input type='text' id='chDomSucasVyuz' class='inputstd text ui-widget-content ui-corner-all'></td></tr>" +
            "<tr><td class='labelChar'>Odpadové vody</td><td><input type='text' id='chDomOdpVody' class='inputstd text ui-widget-content ui-corner-all'></td></tr>" +
            "<tr><td class='label'>Možnosti využitia</td><td><input type='text' id='chDomMoznVyuz' class='inputstd text ui-widget-content ui-corner-all'></td></tr>" +
            "</table>");
                $("#tabs-3").html("<table><tr><td><label for='realPopis'>Popis</label></td></tr><tr><td><textarea id='realPopis' cols='80' rows='4' class='text ui-widget-content ui-corner-all' readonly='readonly'></textarea></td></tr></table>");
                $("#tabs").tabs();
                $("#realPopis").text(real.Popis);
                OpenCharDom(id);
            }
            else
                if (real.Id_Druh == 2) {
                $("div#charaktContainer").html("<div id='tabs'><ul><li><a href='#tabs-1'>Charakteristiky</a></li><li><a href='#tabs-2'>Dalsie info</a></li><li><a href='#tabs-3'>Popis</a></li></ul><div id='tabs-1'></div><div id='tabs-2'></div><div id='tabs-3'></div></div>");
                $("#tabs-1").html(
  	 "<div class='cont'><table class='default'>" +
     "<tr><td class='labelChar'>Celková podlahová plocha</td><td><input type='text' id='chBytPodlahPlocha' readonly='readonly' class='inputstd text ui-widget-content ui-corner-all'>&nbsp;m2</td></tr>" +
     "<tr><td class='labelChar'>Nadzemné podlažie</td><td><input type='text' id='chBytNadzemPodlaz'  readonly='readonly' class='inputstd text ui-widget-content ui-corner-all'></td></tr>" +
     "<tr><td class='labelChar'>Poschodie</td><td><input type='text' id='chBytPoschodie' readonly='readonly' class='inputhalf text ui-widget-content ui-corner-all'>&nbsp;z&nbsp;<input type='text' id='chBytPocPosch'  class='inputhalf text ui-widget-content ui-corner-all'></td></tr>" +
     "<tr><td class='labelChar'>Výťah</td><td colspan=2><span>" +
     "<input id='chBytVytah_1' name='chBytVytah' class='element radio' type='radio' value='1' onclick='this.checked = this.checked;' /><label class='choice' for='chBytVytah_1'>Áno</label>" +
     "<input id='chBytVytah_2' name='chBytVytah' class='element radio' type='radio' value='2' onclick='this.checked = this.checked;' /><label class='choice' for='chBytVytah_2'>Nie</label>" +
     "<input id='chBytVytah_3' name='chBytVytah' class='element radio' type='radio' value='0' onclick='this.checked = this.checked;' checked /><label class='choice' for='chBytVytah_3'>Neozn.</label>" +
	 "</span></td></tr>" +
     "<tr><td class='labelChar'>Stav</td><td><input type='text' id='chBytStav'  class='inputstd text ui-widget-content ui-corner-all'></td></tr>" +
     "<tr><td class='labelChar'>Forma vlastníctva</td><td><input type='text' id='chBytFormaVlast'  class='inputstd text ui-widget-content ui-corner-all'></td></tr>" +
     "</table>" +
     "<table class='default'>" +
	 "<tr><td class='labelChar'>Balkón</td><td><span>" +
     "<input id='chBytBalkon_1' name='chBytBalkon' class='element radio' type='radio' value='1' disabled='disabled' /><label class='choice' for='chBytBalkon_1'>Áno</label>" +
     "<input id='chBytBalkon_2' name='chBytBalkon' class='element radio' type='radio' value='2' disabled='disabled' /><label class='choice' for='chBytBalkon_2'>Nie</label>" +
     "<input id='chBytBalkon_3' name='chBytBalkon' class='element radio' type='radio' value='0' checked disabled='disabled' /><label class='choice' for='chBytBalkon_3'>Neozn.</label>" +
	 "</span></td></tr><tr>" +
     "<tr><td class='labelChar'>Konštrukcia bytu</td><td><input type='text' id='chBytKonstrBytu'  class='inputstd text ui-widget-content ui-corner-all'></td></tr>" +
     "<tr><td class='labelChar'>Rok pos.rekonštrukcie </td><td><input type='text' id='chBytRokRekon' class='inputstd text ui-widget-content ui-corner-all'></td></tr>" +
     "<tr><td class='labelChar'>Náklady za služ. a ener.</td><td class='ddl'><input type='text' id='chBytNakladySl' class='inputstd text ui-widget-content ui-corner-all'>&nbsp;€/mesiac</td></tr>" +
     "<tr><td>Znalecký posudok</td><td class='ddl'><input type='text' id='chBytZnalPosud' class='inputstd text ui-widget-content ui-corner-all'>&nbsp;€</td></tr>" +
     "</table></div>");

                $("#tabs-2").html(
  	 "<div class='cont'><table class='default'>" +
     "<tr><td class='labelChar'>Garáž</td><td><span>" +
     "<input id='chBytGaraz_1' name='chBytGaraz' class='element radio' type='radio' value='1' disabled='disabled' /><label class='choice' for='chBytGaraz_1'>Áno</label>" +
     "<input id='chBytGaraz_2' name='chBytGaraz' class='element radio' type='radio' value='2' disabled='disabled' /><label class='choice' for='chBytGaraz_2'>Nie</label>" +
     "<input id='chBytGaraz_3' name='chBytGaraz' class='element radio' type='radio' value='0' checked disabled='disabled' /><label class='choice' for='chBytGaraz_3'>Neozn.</label>" +
	 "</span></td></tr>" +
     "<td class='labelChar'>Lodžia</td><td><span>" +
     "<input id='chBytLodzia_1' name='chBytLodzia' class='element radio' type='radio' value='1' /><label class='choice' for='chBytLodzia_1'>Áno</label>" +
     "<input id='chBytLodzia_2' name='chBytLodzia' class='element radio' type='radio' value='2' /><label class='choice' for='chBytLodzia_2'>Nie</label>" +
     "<input id='chBytLodzia_3' name='chBytLodzia' class='element radio' type='radio' value='0' checked  /><label class='choice' for='chBytLodzia_3'>Neozn.</label>" +
	 "</span></td></tr>" +
     "<tr><td class='labelChar'>Terasa</td><td><span>" +
     "<input id='chBytTerasa_1' name='chBytTerasa' class='element radio' type='radio' value='1' disabled='disabled' /><label class='choice' for='chBytTerasa_1'>Áno</label>" +
     "<input id='chBytTerasa_2' name='chBytTerasa' class='element radio' type='radio' value='2' disabled='disabled' /><label class='choice' for='chBytTerasa_2'>Nie</label>" +
     "<input id='chBytTerasa_3' name='chBytTerasa' class='element radio' type='radio' value='0' checked disabled='disabled' />" +
     "<label class='choice' for='chBytTerasa_3'>Neozn.</label></span></td></tr>" +
     "<tr><td class='labelChar'>Spôsob vykurovania</td><td><input type='text' id='chBytSposVykur'  class='inputstd text ui-widget-content ui-corner-all'></td></tr>" +
     "<tr><td class='labelChar'>Zdroj tepla</td><td><input type='text' id='chBytZdrojTepla'  class='inputstd text ui-widget-content ui-corner-all'></td></tr>" +
     "<tr><td class='labelChar'>Príprava teplej vody</td><td><input type='text' id='chBytPripTepVody'  class='inputstd text ui-widget-content ui-corner-all'></td></tr></table>" +
     "<table class='default'><tr><td class='labelChar'>Počet park.miest v garáži</td><td><input type='text' id='chBytPocParkGar' class='inputstd text ui-widget-content ui-corner-all'></td></tr>" +
     "<tr><td class='labelChar'>Rok výstavby</td><td><input type='text' id='chBytRokVystavby' class='inputstd text ui-widget-content ui-corner-all'></td></tr>" +
     "<tr><td class='labelChar'>Počet parkovacích miest</td><td><input type='text' id='chBytPocPark' class='inputstd text ui-widget-content ui-corner-all'></td></tr>" +
     "<tr><td class='labelChar'>Internet</td><td><span>" +
     "<input id='chBytInternet_1' name='chBytInternet' class='element radio' type='radio' value='1' disabled='disabled' /><label class='choice' for='chBytInternet_1'>Áno</label>" +
     "<input id='chBytInternet_2' name='chBytInternet' class='element radio' type='radio' value='2' disabled='disabled' /><label class='choice' for='chBytInternet_2'>Nie</label>" +
     "<input id='chBytInternet_3' name='chBytInternet' class='element radio' type='radio' value='0' checked disabled='disabled' /><label class='choice' for='chBytInternet_3'>Neozn.</label>" +
	 "</span></td></tr>" +
	 "<tr><td class='labelChar'>Káblová televízia</td><td><span>" +
     "<input id='chBytKablTV_1' name='chBytKablTV' class='element radio' type='radio' value='1' disabled='disabled' /><label class='choice' for='chBytKablTV_1'>Áno</label>" +
     "<input id='chBytKablTV_2' name='chBytKablTV' class='element radio' type='radio' value='2' disabled='disabled' /><label class='choice' for='chBytKablTV_2'>Nie</label>" +
     "<input id='chBytKablTV_3' name='chBytKablTV' class='element radio' type='radio' value='0' checked disabled='disabled' /><label class='choice' for='chBytKablTV_3'>Neozn.</label>" +
	 "</span></td></tr></table></div>");

                $("#tabs-3").html("<table><tr><td><label for='realPopis'>Popis</label></td></tr><tr><td><textarea id='realPopis' cols='80' rows='4' class='text ui-widget-content ui-corner-all' readonly='readonly'></textarea></td></tr></table>");
                $("#tabs").tabs();
                $("#realPopis").text(real.Popis);
                OpenCharByt(id);
            }
            else {
                $("div#charaktContainer").html("<table><tr><td><label for='realPopis'>Popis</label></td></tr><tr><td><textarea id='realPopis' cols='80' rows='4' class='text ui-widget-content ui-corner-all' readonly='readonly'></textarea></td></tr></table>");
                $("#realPopis").text(real.Popis);
            }
            
            /* ------------ Charakteristiky ----------------- */
            if (real.ImageUrlList != null) {
                var stringArray = real.ImageUrlList;
                $.each(stringArray, function(index, value) {
                    $("#realGaleria ul").append(
                    //            "<li><div class='imageticket'><a href='" + value + "' class='hoverPreview'><div class='imageplace'>" +
                    //            "<img src='" + value + "' height='52px;' /></div></a></div></li>"
//            "<li><div class='imageticket'><a href='#' onclick='return OpenImage('''" + value + "''');' ><div class='imageplace'>" +
                    //            "<img src='" + value + "' height='52px;' /></div></a></div></li>"
            "<li><a href='#' onclick='return OpenImage(&quot;" + value + "&quot;);'><img src='" + value + "' height='45px' /></a></li>"
                    )
                });
            }
            

            $("#realForm").dialog("open");
        },
        error: function(xhr, status, error) {
            var err = eval("(" + xhr.responseText + ")");
            alert("Vyskytla sa chyba: " + err.Message);
        }
    });
}

function OpenCharByt(id) {
    $.ajax({
        url: "IndexService.asmx/GetCharByt",
        type: "POST",
        contentType: "application/json; charset=utf-8",
        data: '{ "id":"' + id + '" }',
        dataType: "json",
        success: function(response) {
            var charData = response.d;
            $("#chBytPodlahPlocha").val(charData.PodlahPlocha);
            $("#chBytNadzemPodlaz").val(charData.NadzemPodlazText);
            $("#chBytPoschodie").val(charData.Poschodie);
            $("#chBytPocPosch").val(charData.PocPosch);
            $("#chBytVytah").val(charData.Vytah);
            $("#chBytStav").val(charData.StavText);
            $("#chBytFormaVlast").val(charData.FormaVlastText);
            $("#chBytKonstrBytu").val(charData.KonstrBytuText);
            $("#chBytRokVystavby").val(charData.RokVystavby);
            $("#chBytRokRekon").val(charData.RokRekon);
            $("#chBytNakladySl").val(charData.NakladySl);
            $("#chBytZnalPosud").val(charData.ZnalPosud);
            $("[name=chBytGaraz]").filter("[value=" + charData.Garaz + "]").attr("checked", "checked"); //$("#chBytGaraz").val(charData.Garaz);
            $("[name=chBytBalkon]").filter("[value=" + charData.Balkon + "]").attr("checked", "checked"); //$("#chBytBalkon").val(charData.Balkon);
            $("[name=chBytLodzia]").filter("[value=" + charData.Lodzia + "]").attr("checked", "checked"); //$("#chBytLodzia").val(charData.Lodzia);
            $("[name=chBytTerasa]").filter("[value=" + charData.Terasa + "]").attr("checked", "checked"); //$("#chBytTerasa").val(charData.Terasa);
            $("#chBytSposVykur").val(charData.SposVykurText);
            $("#chBytZdrojTepla").val(charData.ZdrojTeplaText);
            $("#chBytPripTepVody").val(charData.PripTepVodyText);
            $("#chBytPocParkGar").val(charData.PocParkGar);
            $("#chBytPocPark").val(charData.PocPark);
            $("[name=chBytInternet]").filter("[value=" + charData.Internet + "]").attr("checked", "checked"); //$("#chBytInternet").val(charData.Internet);
            $("[name=chBytKablTV]").filter("[value=" + charData.KablTV + "]").attr("checked", "checked"); //$("#chBytKablTV").val(charData.KablTV);
            $("#idReal").val(charData.Id_Realita);
        },
        error: function(xhr, status, error) {
            var err = eval("(" + xhr.responseText + ")");
            alert("Vyskytla sa chyba: " + err.Message);
        }
    });
}

function OpenCharDom(id) {
    $.ajax({
        url: "IndexService.asmx/GetCharDom",
        type: "POST",
        contentType: "application/json; charset=utf-8",
        data: '{ "id":"' + id + '" }',
        dataType: "json",
        success: function(response) {
            var charData = response.d;
            $("#chDomUzitPlocha").val(charData.UzitPlocha);
            $("#chDomPlochaObyt").val(charData.PlochaObyt);
            $("#chDomPlochaNeobyt").val(charData.PlochaNeobyt);
            $("#chDomPocSpalni").val(charData.PocSpalni);
            $("#chDomPocNadzemPod").val(charData.PocNadzemPod);
            $("#chDomPocPodzemPod").val(charData.PocPodzemPod);
            $("#chDomStav").val(charData.StavText);
            $("#chDomFormaVlast").val(charData.FormaVlastText);
            $("#chDomPrevKonstr").val(charData.PrevKonstrText);
            $("#chDomKvalStand").val(charData.KvalStandText);
            $("#chDomRokVystavby").val(charData.RokVystavby);
            $("#chDomRokKolaud").val(charData.RokKolaudText);
            $("#chDomRokRekon").val(charData.RokRekon);
            $("#chDomTypPozemku").val(charData.TypPozemkuText);
            $("#chDomVymeraPoz").val(charData.VymeraPoz);
            $("#chDomPrijazd").val(charData.DomPrijazdText);
            $("#chDomNakladySl").val(charData.NakladySl);
            $("[name=chDomZateplenie]").filter("[value=" + charData.Zateplenie + "]").attr("checked", "checked"); //$("#chDomZateplenie").val(charData.Zateplenie);
            $("#chDomSposVykur").val(charData.SposVykurText);
            $("#chDomZdrojTepla").val(charData.ZdrojTeplaText);
            $("#chDomPripTepVody").val(charData.PripTepVodyText);
            $("#chDomElPrud").val(charData.ElPrudText);
            $("[name=chDomBezpZar]").filter("[value=" + charData.BezpZar + "]").attr("checked", "checked"); // $("#chDomBezpZar").val(charData.BezpZar);
            $("[name=chDomInternet]").filter("[value=" + charData.Internet + "]").attr("checked", "checked"); //$("#chDomInternet").val(charData.Internet);
            $("[name=chDomKablTV]").filter("[value=" + charData.KablTV + "]").attr("checked", "checked"); //$("#chDomKablTV").val(charData.KablTV);
            $("[name=chDomTerasa]").filter("[value=" + charData.Terasa + "]").attr("checked", "checked"); //$("#chDomTerasa").val(charData.Terasa);
            $("[name=chDomKrb]").filter("[value=" + charData.Krb + "]").attr("checked", "checked"); //$("#chDomKrb").val(charData.Krb);
            $("[name=chDomBazen]").filter("[value=" + charData.Bazen + "]").attr("checked", "checked"); //$("#chDomBazen").val(charData.Bazen);
            $("[name=chDomSauna]").filter("[value=" + charData.Sauna + "]").attr("checked", "checked"); //$("#chDomSauna").val(charData.Sauna);
            $("[name=chDomFitnes]").filter("[value=" + charData.Fitnes + "]").attr("checked", "checked"); //$("#chDomFitnes").val(charData.Fitnes);
            $("[name=chDomSklenik]").filter("[value=" + charData.Sklenik + "]").attr("checked", "checked"); //$("#chDomSklenik").val(charData.Sklenik);
            $("[name=chDomZimZahr]").filter("[value=" + charData.ZimZahr + "]").attr("checked", "checked"); //$("#chDomZimZahr").val(charData.ZimZahr);
            $("[name=chDomZahrDomcek]").filter("[value=" + charData.ZahrDomcek + "]").attr("checked", "checked"); //$("#chDomZahrDomcek").val(charData.ZahrDomcek);
            $("[name=chDomDielna]").filter("[value=" + charData.Dielna + "]").attr("checked", "checked"); //$("#chDomDielna").val(charData.Dielna);
            $("[name=chDomGaraz]").filter("[value=" + charData.Garaz + "]").attr("checked", "checked"); //$("#chDomGaraz").val(charData.Garaz);
            $("#chDomPocParkGar").val(charData.PocParkGar);
            $("#chDomPitnaVoda").val(charData.PitnaVodaText);
            $("#chDomSucasVyuz").val(charData.SucasVyuzText);
            $("#chDomOdpVody").val(charData.OdpVodyText);
            $("#chDomMoznVyuz").val(charData.MoznVyuzText);
            $("#idReal").val(charData.Id_Realita);
        },
        error: function(xhr, status, error) {
            var err = eval("(" + xhr.responseText + ")");
            alert("Vyskytla sa chyba: " + err.Message);
        }
    });
}

//* ---------------------------------------------------------------------------
//$(function() {
//    $.fx.speeds._default = 1000;
//    $("#ImagePreview").dialog({
//        autoOpen: false,
//        show: "blind",
//        hide: "blind",
//        modal: true,
//        width: 320
//    });
//});
////* ---------------------------------------------------------------------------

function OpenImage(src) {
    $("#detailImage").attr('src', src);
    $("#imageView").dialog("open");
}

//// image preview function, demonstrating the ui.dialog used as a modal window
//function viewLargerImage($link) {
//    var src = $link.attr("href"),
//				title = $link.siblings("img").attr("alt"),
//				$modal = $("img[src$='" + src + "']");

//    if ($modal.length) {
//        $modal.dialog("open");
//    } else {
//        var img = $("<img alt='" + title + "' width='384' height='288' style='display: none; padding: 8px;' />")
//					.attr("src", src).appendTo("body");
//        setTimeout(function() {
//            img.dialog({
//                title: title,
//                width: 400,
//                modal: true
//            });
//        }, 1);
//    }
//}

//imagePreview = function() {

//    xOffset = 10;
//    yOffset = 30;

//    $("a.hoverPreview").hover(function(e) {
//        this.t = this.title;
//        this.title = "";
//        var c = (this.t != "") ? "<br/>" + this.t : "";
//        $("body").append("<p id='hoverPreview'><img src='" + this.href + "' alt='Image preview' />" + c + "</p>");
//        $("#hoverPreview")
//			.css("top", (e.pageY - xOffset) + "px")
//			.css("left", (e.pageX + yOffset) + "px")
//			.fadeIn("fast");
//    },
//	function() {
//	    this.title = this.t;
//	    $("#hoverPreview").remove();
//	});
//    $("a.hoverPreview").mousemove(function(e) {
//        $("#hoverPreview")
//			.css("top", (e.pageY - xOffset) + "px")
//			.css("left", (e.pageX + yOffset) + "px");
//    });
//};

