$(function() {
  
  var objMail = $(".calc");
  var objBrand = $(".brand-list");
  var objModel = $(".model-list");
  var objCalc = $(".calc-body");
  var objMove = "";
  var objAll = $(".calc-body .total span");
  
  var carNameInput = $("#carName");
  var brandInput = $("#brand");
  var modelInput = $("#model");
  var toInput = $("#to");
  var allsum = $("#allsum");
  var carNameText = $(".order-form .type");
  var numTOInput = $("#numTO");
  
  var numBrand = "";
  var numTO = "";
  var numTOForm = "";
  var carName = "";
  var allSumm = 0;
  
//  $("a",objBrand).click(function () {
//    $("a",objBrand).removeClass("active");
//    $(this).addClass("active");
//    changeVar();
//    return false;
//    });
//  $("a",objModel).click(function () {
//    $("."+numBrand+"-models a",objModel).removeClass("active");
//    $(this).addClass("active");
//    changeVar();
//    return false;
//    });
  $(".to-list a",objCalc).click(function () {
    $("#"+numTO+" a",objCalc).removeClass("active");
    $(this).addClass("active");
    changeVar();
    return false;
    });
  $(".main-fields input[type='checkbox']").click( function() {
    var inp = $(this);
    if(inp.attr('checked')){
      allSumm = allSumm + parseInt($(".price", inp.parents("tr")).html());
    }else{
      allSumm = allSumm - parseInt($(".price", inp.parents("tr")).html());
    }
    objAll.text(allSumm);
    allsum.val(allSumm);
  });
  
  function loadAdditionalBox(model)
  {
    $("#additional-box div.order-form").load("/text.php", { "type":"model_additional_box", "id":model }, function(data) {
//      $("#additional-box div.order-form").html(data);
      if(data) {
        $("#additional-box").fadeIn("slow");
      } else {
        $("#additional-box").fadeOut("slow");
      }
    });	
  }

  function changeVar() {

    numBrand = $("a.active",objBrand).attr("rel");
    numTO = $("."+numBrand+"-models a.active",objModel).attr("rel");
    
    numTOForm = $("#"+numTO+" a.active",objCalc).attr("rel");
    numTOInput.val(numTOForm.substr(4,8));
    
    carName = $("a.active",objBrand).attr("title") + " " + $("."+numBrand+"-models a.active",objModel).text();
    carNameInput.val(carName);
    
    brandInput.val($("a.active",objBrand).attr("rel"));
    modelInput.val($("."+numBrand+"-models a.active",objModel).attr("rel1"));
    toInput.val($("#"+numTO+" a.active",objCalc).attr("rel1"));
    
    carNameText.text(carName);
    
    objMove = $("."+numBrand+"-models",objModel);
    
    //console.log(numBrand + " : " + numTO + " : " + carName + " : " + numTOForm);
    
    $("ul",objModel).css("display","none");
    $("."+numBrand+"-models",objModel).css("display","inline");
    
    $("ul.to",objCalc).css("display","none");
    $("#"+numTO,objCalc).css("display","block");
    
    $(".to-form",objCalc).css("display","none");
    $("#"+numTOForm,objCalc).css("display","block");
    
//    $(".to-form input[type='checkbox']",objCalc).attr("checked","");
//    $("#"+numTOForm+" input[type='checkbox']",objCalc).attr("checked","checked");
      
//    loadAdditionalBox($("."+numBrand+"-models a.active",objModel).attr("href"));
    reCalc();
    createGallery();
    centerModel();
  }

  function reCalc() {
    
    allSumm = 0;
    jQuery.each($(".price","#"+numTOForm), function() { allSumm = allSumm + parseInt($(this).html()); });
    jQuery.each($(".main-fields input[type='checkbox']","#"+numTOForm), function() { var inp = $(this); if(!inp.attr('checked')) { allSumm = allSumm - parseInt($(".price", inp.parents("tr")).html()); }
    objAll.text(allSumm);
    allsum.val(allSumm);
  });
  

    objAll.text(allSumm);
    allsum.val(allSumm);
    
  }
  
 
  
  $(".model-gallery",objModel).append("<span class='nav-btn btn-prev'></span><span class='nav-btn btn-next'></span>");
  
  $(".btn-prev").click( function(){
    moveModel ("-1");
    });
  $(".btn-next").click( function(){
    moveModel ("1");
    });
  
  

  var galleryView = $(".g-view",objModel);
  var galleryViewW = galleryView.width();
  var listWidth = 0;
  
  function createGallery(){
  
    listWidth = $("."+numBrand+"-models",objModel).width();  
    
    if(listWidth > galleryViewW){
      $(".btn-prev,.btn-next").show();
    }else{
      $(".btn-prev,.btn-next").hide();
    }
    
  }
  
  var dX= 0;
  function moveModel (type){
    if (type > 0){
      dX = parseInt(objMove.css("left")) - 100;
      if ( -dX >  (listWidth-galleryViewW + 60)){
        dX = -(listWidth-galleryViewW + 60);
      }
    }else{
      dX = parseInt(objMove.css("left")) + 100;
      if ( dX >  32){
        dX = 32;
      }
    }
    objMove.animate({left: dX}, 300 ); 
  
  }
  function centerModel()
  {
    obj=$("."+numBrand+"-models a.active",objModel);
    dX = obj[0].offsetLeft-galleryViewW;
    if(dX>-60)
    {
      dX = dX+60+obj.width();
      objMove.animate({left: -dX}, 300 );
    } 
  }
  
  changeVar();

});