$(document).ready(function(){
   
      
    var COOKIE_NAME='k';
    var klic=($.cookie(COOKIE_NAME));
    $("a#start").click(function(){
      $.cookie(COOKIE_NAME,'',{expires:-1});
    });
    function formatCeny(cena) {
            var num  = "0";
      		  var sign = (num == (num = Math.abs(num)));
		        num = Math.floor(cena * 100 + 0.50000000001);
		        num = Math.floor(num / 100).toString();
		        for (var i = 0; i < Math.floor((num.length - (1 + i)) / 3); i++)
  		        num = num.substring(0, num.length - (4 * i + 3)) + ' ' + num.substring(num.length - (4 * i + 3));
  		      return num;
    }
    $("span.ir a").each(function(){
      $(this).attr("_target","_blank");
    });
             
    $("select#okres").change(onSelectChange);

    function onSelectChange(){  
     var selected = $("select#okres option:selected");       
     var id_okres= selected.attr("value");  
     var n_okres= selected.html();  
     //alert("klic="+klic+"&id="+id_okres+"&typ=okres");
     $.ajax({ type: "POST", url: "/a/", data: "klic="+klic+"&id="+id_okres+"&typ=okres", dataType: "xml", success: function(xml){
            $("h3#k2").html("Okres: "+n_okres);
          $("konfigurator", xml).each(function(){
            var zakladni_cena = $("cena",this).attr("zakladni_stavba");
            var doplnky = $("cena",this).attr("doplnky");
            var naklady = $("naklady_provoz",this).attr("cena_s_dph_rok");
            var min_naklady = $("naklady_provoz",this).attr("min_s_dph_rok");
            var cena = eval( Number(zakladni_cena) + Number(doplnky) );
            //alert(zakladni_cena);
            
            cena = formatCeny(cena);
            naklady = formatCeny(naklady);
            min_naklady = formatCeny(min_naklady);
            zakladni_cena = formatCeny(zakladni_cena);
		        
            $("div#image h2 span.cena").html("Cena: "+cena+" Kč bez DPH <br/> Energie: "+naklady+" Kč / rok");
            $("div#image span.info span.il").html("Energie již od "+min_naklady+" Kč / rok");
             });
        }});
    };
    
    $("input:radio").click(onRadioChange);
    function onRadioChange(){
     var selected = $(this);       
        var data= selected.attr("value");
     
        var typ = data.substring(0,data.lastIndexOf("_"));
        var id = data.substring(data.lastIndexOf("_")+1,1000);  
                
        typ = typ=="dum_varianta"?typ:"doplnek";
        
        $.ajax({ type: "POST", url: "/a/", data: "klic="+klic+"&id="+id+"&typ="+typ, dataType: "xml", success: function(xml){
          //alert("klic="+klic+"&id="+id+"&typ=doplnek");
          $("konfigurator", xml).each(function(){
            
            var zakladni_cena = $("cena",this).attr("zakladni_stavba");
            var doplnky = $("cena",this).attr("doplnky");
            var naklady = $("naklady_provoz",this).attr("cena_s_dph_rok");
            var min_naklady = $("naklady_provoz",this).attr("min_s_dph_rok");
            var cena = eval( Number(zakladni_cena) + Number(doplnky) );
            
            if(typ == "doplnek") {
                var popis_1 = $("polozka[poradi_typ='1']",this).text();
                if (popis_1!='') {
                    var cena_1=$("polozka[poradi_typ='1']", this).attr("cena");
                    $("div.ciselnik_1").html(popis_1+"<p class=\"cena_polozky\">Cena:&#160;"+formatCeny(cena_1)+"&#160;Kč</p>");
                }
                var popis_2 = $("polozka[poradi_typ='2']",this).text();
                if (popis_2!='') {
                    var cena_2=$("polozka[poradi_typ='2']", this).attr("cena");
                    $("div.ciselnik_2").html(popis_2+"<p class=\"cena_polozky\">Cena:&#160;"+formatCeny(cena_2)+"&#160;Kč</p>");
                }
                var popis_3 = $("polozka[poradi_typ='3']",this).text();
                if (popis_3!='') {
                    var cena_3=$("polozka[poradi_typ='3']", this).attr("cena");
                    $("div.ciselnik_3").html(popis_3+"<p class=\"cena_polozky\">Cena:&#160;"+formatCeny(cena_3)+"&#160;Kč</p>");
                }
                var popis_4 = $("polozka[poradi_typ='4']",this).text();
                if (popis_4!='') {
                    var cena_4=$("polozka[poradi_typ='4']", this).attr("cena");
                    $("div.ciselnik_4").html(popis_4+"<p class=\"cena_polozky\">Cena:&#160;"+formatCeny(cena_4)+"&#160;Kč</p>");
                }
                var popis_5 = $("polozka[poradi_typ='5']",this).text();
                if (popis_5!='') {
                    var cena_5=$("polozka[poradi_typ='5']", this).attr("cena");
                    $("div.ciselnik_5").html(popis_5+"<p class=\"cena_polozky\">Cena:&#160;"+formatCeny(cena_5)+"&#160;Kč</p>");
                }
                var popis_6 = $("polozka[poradi_typ='6']",this).text();
                if (popis_6!='') {
                    var cena_6=$("polozka[poradi_typ='6']", this).attr("cena");
                    $("div.ciselnik_6").html(popis_6+"<p class=\"cena_polozky\">Cena:&#160;"+formatCeny(cena_6)+"&#160;Kč</p>");
                }      
            }
            
            cena = formatCeny(cena);
            naklady = formatCeny(naklady);
            min_naklady = formatCeny(min_naklady);
            zakladni_cena = formatCeny(zakladni_cena);
		        
            $("div#image h2 span.cena").html("Cena: "+cena+" Kč bez DPH <br/> Energie: "+naklady+" Kč / rok");
            $("div#image span.info span.il").html("Energie již od "+min_naklady+" Kč / rok");
				
            
          });
        }});
    };
    

    $("div#top div#header ul li a").hover(
      function(){
        $(this).addClass("h");
        
         if ($(this).parent().prev().children("a").attr("class")=="active") { 
             $(this).attr("class","after");
        }
        if ($(this).parent().next().children("a").attr("class")=="active") { 
             $(this).attr("class","before");
        }
      },
      function(){
        $(this).removeClass("h");
        if ($(this).parent().prev().children("a").attr("class")=="active") { 
             $(this).attr("class","");
        }
         if ($(this).parent().next().children("a").attr("class")=="active") { 
             $(this).attr("class","");
        }
      }
    );
    $("div div#content div#choose ul li a[class!=nofun]").click(
      function(){
        $("body").css("cursor", "progress");
        //
        var data = ($(this).attr("id"));
        var typ = data.substring(0,data.lastIndexOf("_"));
        var id = data.substring(data.lastIndexOf("_")+1,1000);
        if ((typ!='dum') && (typ!='strecha')) {
          $(this).parent().parent().children("li").children("a.active").removeClass("active");
        } else {
          $("div div#content div#choose ul li a.active").removeClass("active");
        }
        
        $(this).attr("class","active");
        
        // prekresleni variant, update varianty v konfiguraci na vychozi variantu pro novy dum
        if (typ=='dum') {
            var varianta_id = $('#choose ul.varianty li.vychozi[rel=dum-'+id+']').attr("id");
            varianta_id = varianta_id.substring(varianta_id.lastIndexOf("-")+1,1000);
            $.ajax({ 
                type: "POST", 
                url: "/a/", 
                data: "klic="+klic+"&id="+varianta_id+"&typ=dum_varianta", 
                dataType: "xml"
            });
            
            $('#choose ul.varianty li[rel]').hide();
            $('#choose ul.varianty li[rel=dum-'+id+']').show();
            $('#choose ul.varianty li.vychozi[rel=dum-'+id+'] input').attr("checked", "checked");
        }
        
        $.ajax({ type: "POST", url: "/a/", data: "klic="+klic+"&id="+id+"&typ="+typ, dataType: "xml", success: function(xml){
          var name = "";  
          var identifikator_pohledu = "";
          var kraj="";
          $("konfigurator", xml).each(function(){
            identifikator_pohledu = $("identifikator_pohledu", this).text();
            name = $("dum", this).attr("nazev");
            
            kraj = $("polozka", this).attr("nazev");
            if (typ=='strecha') {
              $("div#image img").attr("src","http://img.bahal.cz/image?id="+identifikator_pohledu+"&klic="+klic);
            } else if (typ=='povrch_celni_stena') {  
              $("div#image img").attr("src","http://img.bahal.cz/image?id="+identifikator_pohledu+"&klic="+klic);
            } else if (typ=='povrch_garaz')  {  
              $("div#image img").attr("src","http://img.bahal.cz/image?id="+identifikator_pohledu+"&klic="+klic);
            } else if (typ=='povrch_okolo_dveri') {  
              $("div#image img").attr("src","http://img.bahal.cz/image?id="+identifikator_pohledu+"&klic="+klic);
            } else if (typ=='okna_dvere') {  
              $("div#image img").attr("src","http://img.bahal.cz/image?id="+identifikator_pohledu+"&klic="+klic);
            } else if (typ=='garazova_vrata') {  
              $("div#image img").attr("src","http://img.bahal.cz/image?id="+identifikator_pohledu+"&klic="+klic);
            } else if (typ=='pozice_garaz') {
              $("div#choose ul#navi_pozice li img").attr("src","http://muj.bahal.cz/images/TPOZIGA/"+id+".jpg");
            } else if (typ=='orientace') {
              var id_poziga = $("polozka[ciselnik='pozice_garaz']", this).attr("id");
              $("div#choose ul#navi_pozice li img").attr("src","http://muj.bahal.cz/images/TPOZIGA/"+id_poziga+".jpg");
              
            } else {
              $("div#image img").attr("src","http://img.bahal.cz/image?id="+identifikator_pohledu+"&klic="+klic);
            }
            if ((typ=='okna_dvere') || (typ=='garazova_vrata')) {
              
              html_okna_dvere = $("polozka[ciselnik='okna_dvere']", this).text();
              html_garazova_vrata = $("polozka[ciselnik='garazova_vrata']", this).text();
              if (html_okna_dvere!='') {
                var cena = $("polozka[ciselnik='okna_dvere']", this).attr("cena");
                $("div.okna_dvere").html(html_okna_dvere+"<p class=\"cena_polozky\">Cena:&#160;"+formatCeny(cena)+"&#160;Kč</p>");
              }
              if (html_garazova_vrata!=''){
                var cena=$("polozka[ciselnik='garazova_vrata']", this).attr("cena");
                $("div.garazova_vrata").html(html_garazova_vrata);//+"<p class=\"cena_polozky\">Cena:&#160;"+formatCeny(cena)+"&#160;Kč</p>");
              }
              
              
            }
            if ((typ=='povrch_celni_stena') || (typ=='povrch_garaz') || (typ=='povrch_okolo_dveri')) {
              var id_povrch_celni_stena = "";
              var id_povrch_garaz ="";
              var id_povrch_okolo_dveri = "";
              
              id_povrch_celni_stena = $("polozka[ciselnik='povrch_celni_stena']", this).attr("id");
              html_povrch_celni_stena = $("polozka[ciselnik='povrch_celni_stena']", this).text();//+"<p class=\"cena_polozky\">Cena:&#160;"+formatCeny($("polozka[ciselnik='povrch_celni_stena']", this).attr("cena"))+"&#160;Kč</p>";
              
              
              id_povrch_garaz= $("polozka[ciselnik='povrch_garaz']", this).attr("id");
              html_povrch_garaz= $("polozka[ciselnik='povrch_garaz']", this).text();//+"<p class=\"cena_polozky\">Cena:&#160;"+formatCeny($("polozka[ciselnik='povrch_garaz']", this).attr("cena"))+"&#160;Kč</p>";
              
              
              id_povrch_okolo_dveri = $("polozka[ciselnik='povrch_okolo_dveri']", this).attr("id");
              html_povrch_okolo_dveri = $("polozka[ciselnik='povrch_okolo_dveri']", this).text();//+"<p class=\"cena_polozky\">Cena:&#160;"+formatCeny($("polozka[ciselnik='povrch_okolo_dveri']", this).attr("cena"))+"&#160;Kč</p>";
              
              
              if (id_povrch_okolo_dveri>0) {
                $("div.okolo").html(html_povrch_okolo_dveri);
                $("div div#content div#choose ul.povrch_okolo_dveri li a.active").removeClass("active");
                var full_id='povrch_okolo_dveri_'+id_povrch_okolo_dveri;
                $("div div#content div#choose ul.povrch_okolo_dveri li a[id='" +full_id+ "']").attr("class","active");
              }
              if (id_povrch_garaz>0) {
                $("div.garaz").html(html_povrch_garaz);
                $("div div#content div#choose ul.povrch_garaz li a.active").removeClass("active");
                var full_id='povrch_garaz_'+id_povrch_garaz;
                $("div div#content div#choose ul.povrch_garaz li a[id='" +full_id+ "']").attr("class","active");
              }
              if (id_povrch_celni_stena>0) {
              $("div.fasada").html(html_povrch_celni_stena);
                //alert("id_povrch_celni_stena:"+id_povrch_celni_stena+", id_povrch_garaz:"+id_povrch_garaz+", id_povrch_okolo_dveri"+id_povrch_okolo_dveri);
                
                $("div div#content div#choose ul.povrch_celni_stena li a.active").removeClass("active");
                var full_id='povrch_celni_stena_'+id_povrch_celni_stena;
                $("div div#content div#choose ul.povrch_celni_stena li a[id='" +full_id+ "']").attr("class","active");
              }
            }
            if (typ=='kraj') {
              $("p.kraj").html("Kraj: "+kraj);
              var okres="";
              var okres_aktualni_name="";
                $("select#okres option").each(function(){
                  $(this).remove();
                  
                });
                $("ciselnik[nazev='okres'] polozka", xml).each(function(){
                  var local_aktualni="";
                  okres_name =  $(this).attr("nazev");
                  id_kraj = $(this).attr("id_kraj");
                  id_okres = $(this).attr("id");
                  aktualni = $(this).attr("aktualni");
                  local_aktualni = $(this).attr("aktualni");
                  if (aktualni=='1') {
                    okres_aktualni_name=okres_name;
                  }
                  
                  if (id_kraj==id) {
                    if (local_aktualni=='1'){
                      var op = "<option value="+id_okres+" selected=\"selected\">"+okres_name+"</option>";
                    } else {
                      var op = "<option value="+id_okres+">"+okres_name+"</option>";
                    }
                    $("select#okres").append(op);
                  }
                  
               });
                  $("h3#k1").html("Kraj: "+kraj);
                  $("h3#k2").html("Okres: "+okres_aktualni_name);

            }
            var zakladni_cena = $("cena",this).attr("zakladni_stavba");
            var doplnky = $("cena",this).attr("doplnky");
            var naklady = $("naklady_provoz",this).attr("cena_s_dph_rok");
            var min_naklady = $("naklady_provoz",this).attr("min_s_dph_rok");
            var cena = eval( Number(zakladni_cena) + Number(doplnky) );
            
            var popis = $("polozka",this).text();
            var popis_cena = $("polozka",this).attr("cena");
            cena = formatCeny(cena);
            naklady = formatCeny(naklady);
            min_naklady = formatCeny(min_naklady);
            zakladni_cena = formatCeny(zakladni_cena);
		        
            $("div#image h2 span.cena").html("Cena: "+cena+" Kč bez DPH <br/> Energie: "+naklady+" Kč / rok");
            $("div#image span.info span.il").html("Energie již od "+min_naklady+" Kč / rok");
              
							
            $("div#image h2 span.nazev").html(name);
            //$("div.rightsubcontent h2").html(name);
            if (typ=='orientace') {
                      popis="<img alt=\"orientace\" src=\"/images/TOR/"+$("polozka[ciselnik='orientace']", this).attr("id")+".jpg\" class=\"left\"/>";
                      $("div#hbottom div.rightsubcontent div.orientace p.p1").html(popis);
                      popis="<img alt=\"pozice\" src=\"/images/TPOZIGA/"+$("polozka[ciselnik='pozice_garaz']", this).attr("id")+".jpg\" class=\"right\"/>";
                      $("div#hbottom div.rightsubcontent div.orientace p.p2").html(popis);
                      
                      var next = $("ciselnik[nazev='pozice_garaz'] polozka[aktualni='1'] ~ polozka", this).attr("id");
                      if (next==undefined) {
                        next=$("ciselnik[nazev='pozice_garaz'] polozka:first", this).attr("id");
                      }
                      var prev = $("ciselnik[nazev='pozice_garaz'] polozka[aktualni='1']", this).prev().attr("id");
                      if (prev==undefined) {
                        prev=$("ciselnik[nazev='pozice_garaz'] polozka:last", this).attr("id");
                      }
                      //alert("prev:"+prev+", next:"+next);
                      
                      $("ul#navi_pozice li a:first").attr("href","?id="+prev);
                      $("ul#navi_pozice li a:first").attr("id","pozice_garaz_"+prev);
                      
                      $("ul#navi_pozice li a:last").attr("href","?id="+next);
                      $("ul#navi_pozice li a:last").attr("id","pozice_garaz_"+next);
                      $("ul#navi_pozice li a:last").text(" ");
                      
                      
              } 
               if (typ=='pozice_garaz'){
                      var next = $("ciselnik[nazev='pozice_garaz'] polozka[aktualni='1'] ~ polozka", this).attr("id");
                      if (next==undefined) {
                        next=$("ciselnik[nazev='pozice_garaz'] polozka:first", this).attr("id");
                      }
                      var prev = $("ciselnik[nazev='pozice_garaz'] polozka[aktualni='1']", this).prev().attr("id");
                      if (prev==undefined) {
                        prev=$("ciselnik[nazev='pozice_garaz'] polozka:last", this).attr("id");
                      }
                      //alert("prev:"+prev+", next:"+next);
                      
                      $("ul#navi_pozice li a:first").attr("href","?id="+prev);
                      $("ul#navi_pozice li a:first").attr("id","pozice_garaz_"+prev);
                      
                      $("ul#navi_pozice li a:last").attr("href","?id="+next);
                      $("ul#navi_pozice li a:last").attr("id","pozice_garaz_"+next);
                      $("ul#navi_pozice li a:last").text(" ");
                    //<a href="?id={$prev}" title="{ciselnik[@nazev='pozice_garaz']/polozka[@id=$prev]/@nazev}" id="pozice_garaz_{$prev}" class="left">
                      
                      popis="<img alt=\"pozice\" src=\"/images/TPOZIGA/"+$("ciselnik[nazev='pozice_garaz'] polozka[aktualni='1']", this).attr("id")+".jpg\" class=\"right\"/>";
                      $("div#hbottom div.rightsubcontent div.orientace p.p2").html(popis);
              } 
              
            if ((typ!='kraj') && (typ!='povrch_celni_stena') && (typ!='povrch_garaz') && (typ!='povrch_okolo_dveri') && (typ!='okna_dvere') && (typ!='garazova_vrata') && (typ!='orientace') && (typ!='pozice_garaz') ) {

              if (typ!='dum'){
                if ((typ!='strecha') && (typ!='energeticka_varianta')) {
                  $("div#hbottom div.rightsubcontent").html(popis+"<p class=\"cena_polozky\">Cena:&#160;"+formatCeny(popis_cena)+"&#160;Kč</p>");
                } else {
                  $("div#hbottom div.rightsubcontent div.dynamic").html(popis+"<p class=\"cena_polozky\">Cena:&#160;"+formatCeny(popis_cena)+"&#160;Kč</p>");
                }
              } else {
                $("div#hbottom div.rightsubcontent").html(popis);
              }
            }
            var removeTemp = function() {
              $("body").css("cursor", "auto");
            };
            window.setTimeout(removeTemp,900);
                        

          });
        }});
        $("div#image").focus();
        return false;
      }
    );  
    
  });