var pokojHtml = "";
var n=1;
var selectpokoj = null;
var vybrano = new Array();

var apartmanPristylkaFce = function(o) {
    selectpokoj = $("select[name='room["+o+"]']");
    selectpokoj.unbind("change");
		selectpokoj.bind("change",function(){
		vybrano[o] = $("select[name='room["+o+"]'] option:selected").text();
		//alert("je vybrano "+ vybrano[o] + "(pc: "+o+")");
    if(vybrano[o] == 'Apartment') {
      $("select[name^='extra["+o+"]']").html("<option>0</option>\n<option>1</option>\n<option>2</option>");                                   
    }
    else {
      $("select[name^='extra["+o+"]']").html("<option>0</option>\n<option>1</option>\n<option>2</option>");
     }
  });
};

var odebratPokoj = function(p){
var j = p+1; 
for(idx=1;idx<j;idx++){
  $("div.pokoj-c" + idx +" a.remPokoj").click(function(){
    var classX = $(this).parent().parent().parent().attr("class");
    var pokOdb = $(this).parent().parent().parent();
    pokOdb.slideFadeUp("slow",null, function(){pokOdb.remove();
                                                n--;
                                                initPokoj(n,false);
                                                });
    return false;
  });
 }
};

var pridatNadpisFce = function() {
    var addPokojTitle = '<h4 class="pokoj_title"><span class="remLink" style="display: block; text-align: right; width: 300px; font-size: 0.8em; float: right;"><a href="#" class="remPokoj">Odebrat pokoj</a></span>Bungalow</h4>';
    var spdiv = $("select[name^='room["+n+"]']").parent().parent().parent();
    spdiv.wrap("<div class=\"wrap-pokoj\"></div>");
    spdiv.after("<br style=\"clear: both;\" />");
    spdiv.before(addPokojTitle);
};

var klonujPokojFce = function() {
  pokojHtml = $('.wrap-pokoj:first').clone();
};

var vlozNovyPokojFce = function(q) {
    var posledniPokoj = $(".wrap-pokoj:last");
    pokojHtml.insertAfter(posledniPokoj).hide().slideFadeDown("slow"); 
};

var pridatPokojLinkFce = function() {
    var addPokojLink = '<div class="addLink" style="text-align: right;"><a href="#" class="addPokoj">Add bungalow</a></div>';
    var svpdiv = $("select[name^='room["+n+"]']").parent().parent().parent().parent();
    svpdiv.wrap("<div class=\"wrap-all\" style=\"clear: both; \"></div>");
    svpdiv.after(addPokojLink);    
};

var prepocitatPokoje = function() {
	var i = 1;
	$('.wrap-pokoj').each(function(){
		$('h4:first',this).html('<span class="remLink" style="display: block; text-align: right; width: 300px; font-size: 0.8em; float: right;"><a href="#" class="remPokoj">Remove bungalow</a></span>Bungalow '+i);
		
		$("select",this).each(function(){
		  if($.browser.msie && $.browser.version < 8){
        //alert( $.browser.version );
        this.name = this.name+"["+i+"]";
      }
      else {
      var jmeno = $(this).attr("name");
      var indx = jmeno.indexOf("[");
      jmeno = jmeno.substring(0,indx);
      $(this).attr("name",jmeno + "["+i+"]");
      }
    });
    
    apartmanPristylkaFce(i);
    		
		i++;
	});
};

var initPokoj = function(m,pristylky){
  prepocitatPokoje();
  /* if(pristylky) {
    $("select[name^='extra["+m+"]']").html("<option>0</option>\n<option>1</option>"); 
    apartmanPristylkaFce(m); 
  }
  */
  $(".wrap-pokoj:last").removeClass("pokoj-c1").addClass("pokoj-c"+m);     
  $(".remLink:first").hide();
  //na zacatku je vybran apartman => 4 pristylky 
  $("select[name='extra["+m+"]']").html("<option>0</option>\n<option>1</option>\n<option>2</option>");     
  odebratPokoj(m);
};

//--------------------------------------------
$(document).ready(function(){
  $("select").each(function(){ 
      if($.browser.msie && $.browser.version < 8){
        var jmeno = this.name;
        this.name = jmeno + "["+n+"]";  
      }else {
         var jmeno = $(this).attr("name");
        $(this).attr("name",jmeno + "["+n+"]");
      }
      });
  pridatNadpisFce();
  pridatPokojLinkFce();
  initPokoj(n,true);
  
  $("a.addPokoj").bind("click",function(){
    n++;
    klonujPokojFce();
    vlozNovyPokojFce(n); 
    initPokoj(n,true); 
    return false;
  });
});