//= require jquery
//= require jquery-ui
$(function(){
  // Send ajax request with all forms data for given tabs block.
  function save_tab(tabs){
    var data=""
    tabs.find("form").each(function(){
      data=data+"&"+$(this).serialize()
    })
    //alert(data)
    $.ajax({
      url:tabs.attr("data-tabs-url"),
      dataType:"html",
      type:tabs.attr("data-method"),
      data:data,
      success:function(data){
        $("#content").html(data);
      },
      error:function(xhr, textStatus, errorThrown){
        f = $("#flash");
        f.html("<span style='color:red'>An Error occured, please contact support personel</span>");
        f.slideDown("fast")
      }
    })
  }
  function save_all(){
    var tab = $("#content").children("div[data-tabs-url]")
    save_tab(tab)
  }
  // Submit all forms through Ajax when Save All button clicked.
  $("button.save-all").live('click',function(){
    //var tab=$(this).parents("div[data-tabs-url]")
    save_all()
  })
  // All tabs are closable when clicked on tab title.
  $(".tab .tab-title.grey").live('click',function(){
		$(this).parent().toggleClass("minimized").trigger("tab.toggle")
	})
  // Integer field validator
  $(".integer").numeric()
  
  $("select[data-polymorphic-url]").live("change",function(){
    var url = $(this).attr("data-polymorphic-url")
    var select = $(this)[0]
    var jselect = $(this)
    var id = jselect.attr("id").replace(/_type$/,"_id")
    jselect.find('option').each(function(i){
      var option = $(this);
      if(i==select.selectedIndex){
        var val = option.val()
        if(val.length > 1){
          url = url.replace(/\/klass\//,"/"+val+"/")
          var klass = option.val()
          $.ajax({
            url: url,
            type: "get",
            success:function(html){
              $("#"+id).html(html)
            }
          })
        }else{
          $("#"+id).html("")
        }
        
      }
    })
  })

  $("input[data-autocomplete-url]").live("keyup.autocomplete", function(){
    var $input = $(this)
    $(this).autocomplete({
      source: function(request, response){
        var term_arr = request.term.toString().split(",")
        var term = term_arr[term_arr.length - 1]
        term = term ? $.trim(term) : ""
        $input.data("term",term)
        $.getJSON(this.element.data("autocomplete-url"), {
          term: term
        }, response)
      },
      focus: function(even,ui){
        if($(this).data("cached")=="yes"){
          var term = new RegExp($(this).data("term") + "$")
          var start_val = $(this).val().toString().replace(term,"")
          $(this).val(start_val+ui.item.value)
          return false
        }else{
          if($(this).data("macro") == "one"){
            return true
          }else{
            return false
          }
        }
      },
      select: function(event, ui){
        if($(this).data("macro") == "one"){
          var $id_holder = $(this).parents(".autocomplete-container").eq(0).find("input[type=hidden]").eq(0)
          $id_holder.val(ui.item.id)
        } else {
          var li = $("<li></li>").appendTo($(this).parents(".autocomplete-container").eq(0).find("ul"));
          li.text(ui.item.value);
          $("<a href=''></a>").text(ui.item.delete_link).appendTo(li);
          $("<input type='hidden'>").attr("name", ui.item.name).val(ui.item.id).appendTo(li);
          if($(this).data("cached")=="no"){
            this.value = "";
          }
          return false;
        }
      }
    });
  });

	$(".autocomplete-container ul li a").live("click", function(){
		$(this).closest("li").remove();
		return false;
	})

})