// Place your application-specific JavaScript functions and classes here
// This file is automatically included by javascript_include_tag :defaults
$(document).ready(function() {
  var locale = '';
  if (document.location.pathname.substr(1,2) == 'en') {
    locale = '/en';
  }
  
  $('#image_wrap').fadeTo("fast", 1);
  
  /** Scrollable коллекций */
  $(".pics .scrollable").scrollable({size: 10}).mousewheel();
  
  /** Over на картинах */
  $('.scrollable a').mouseover(function() {
    $('._p ').removeClass('hover');
    $(this).find('._p').addClass('hover');
  });
  
  /** Переключалка категорий */
  $('#switch li a').click(function(e) {
    e.preventDefault();
    var rel = $(this).attr('rel');
    $('#switch li').removeClass('active');
    $(this).parent().addClass('active');
    $('.pics:visible').hide();
    $('.pics[rel='+rel+']').show();
  });
  
  /** Перетаскивание */
  $('._p').draggable({
    revert: 'invalid',
    addClasses: false,
    helper: function(e, ui) {
      var ui = $(e.target);
      return $(ui).clone().appendTo('.rack').css({
        'z-index': '9999',
        'margin-left': $(e.target).css('margin-left'),
        'margin-top': $(e.target).css('margin-top')
      }).show();
    }
  });
  
  var droppable = function() {
    /** Дроп в корзину */
    $('#cart').droppable({
      tolerance: 'touch',
      drop: function(e, ui) {
        var id = $(ui.helper).attr('rel');
        $('#cart_loader').show();
        $.ajax({
          url: locale + '/order',
          type: 'post',
          data: {id: id},
          success: function(data) {
            $('#cart').html(data);            
            $('#cart_loader').hide();
          }
        });
      }
    });    
  }
  droppable();

  /** [+] у корзины */
  $('._add').live('click', function(e) {
    e.preventDefault();
    var id = $(this).attr('rel');
    var $this = $(this);
    $.ajax({
      url: locale + '/order',
      type: 'post',
      data: {id: id},
      success: function(data) {
        $('#cart').html(data);
        $this.hide();
      }
    });    
  });
  
  /** Удаление из корзины */
  $('._delete').live('click', function(e) {
    e.preventDefault();
    var id = $(this).attr('rel');
    $.ajax({
      url: locale + '/order',
      type: 'post',
      data: {id: id, _method: 'delete'},
      success: function(data) {
        $('#cart').html(data);
        if (window.current_id == id) {
          $('._add').show();
        }
      }
    });    
  });
  
  /** Клик на картине */
  $('._show').click(function(e) {
    e.preventDefault();
    window.current_id = $(this).attr('rel');  
    $('._p').removeClass('active');
    $(this).find('._p').addClass('active');
    $("#image_wrap").fadeTo("medium", 0.5);
    
    $.ajax({
      url: locale + '/order/painting?id=' + window.current_id,
      success: function(data) {
        var img = new Image();
        img.src = $(data).find('img:first').attr('src');
        $(img).load(function() {
          $('#preview_placeholder').html(data);
          $('#image_wrap').fadeTo("fast", 1);
        });
      }      
    });
  });  
  
/*  $('._p:lt(20)').load(function() {
    $(this).parent().fadeTo("fast", 1);
  });*
  
  /** Отправка письма */
  $('#form').live('submit', function(e) {
    e.preventDefault();
    
    var fields = ['name', 'email', 'about', 'wishes'];
    var valid = true;
    $.each(fields, function(idx, f) {
      var f = '#email_letter_' + f;
      if ($(f).val() == '') { 
        $(f).addClass('error'); 
        valid = false;
      } else { 
        $(f).removeClass('error');       
      }
    });
    
    if (valid) {
      $('#loader').show();
      $('.message').hide();
      $(this).ajaxSubmit({
        success: function(data) {
          $('#form').replaceWith(data);
          droppable();
          $('#loader').hide();
        }
      });
    } else {
      $('#invalid').show();
    }
  });
});