$(function() {
  $(".item-head").hover(
    function () {
      $(this).addClass("hover");
    }, 
    function () {
      $(this).removeClass("hover");
    }
    );
  
  $(".order-list .item-body").css("display","none");
  $(".order-list .item-head").click(function() {

    
    var objV = $(this).next();
    
    if (objV.css("display")=="none"){
      if ( $.browser.msie){
        objV.css("display","block");
        $(this).addClass("active");
      }else{
        objV.css("display","table-row");
        $(this).addClass("active");
      }
    }else{
      objV.css("display","none");
      $(this).removeClass("active");
    }
    
    return false;
  });
  
  
    
  $(".personal-area .gifts a").hover(
    function () {
      $(this).addClass("hover");
    }, 
    function () {
      $(this).removeClass("hover");
    }
    );
  
  $(".personal-area  .gifts ul").css("display","none");
  $("a.gifts-title").click(function() {
    
   	$(this).next('ul').slideToggle('fast');
    
    return false;
  });
  
  $(".sc a").click(function() {
    
    if ($(this).attr("href") !== "" || $(this).attr("rel") !== "") {
	    $(".big-image img").attr("src",$(this).attr("href"));
	    $(".big-image").attr("href",$(this).attr("rel"));
    }
    
    return false;
  });

  $(".on-tv-right a").click(function() {
    
    $(".big-image img").attr("src",$(this).attr("href"));
    $(".big-image").attr("href",$(this).attr("rel"));
    return false;
  });

  $("a.to-purchase").click(function() {
    $(".big-image img").attr("src",$(this).attr("href"));
    $(".big-image").attr("href",$(this).attr("rel"));
    return false;
  });

  
  $("a.mainlinks").click(function() {
	window.location=$(this).attr("href"); return false;
  });

  $(".tv-menu a").click(function() {
	window.location=$(this).attr("href"); return false;
  });

  
  $(".change").click(function() {
    
    $(".userinfo .this-info").css("display","none");
    $(".userinfo .change-info").css("display","block");
    
    var email = $("#user-email").text();
    var town = $("#user-town").text();
    var address = $("#user-address").text();
    var birthday = $("#user-birthday").text();
    var mobile = $("#user-mobile").text();
    var phone = $("#user-phone").text();
    var discount = $("#user-discount").text();
    
    $("#user-email-change:text").val(email);
    $("#user-town-change:text").val(town);
    $("#user-address-change:text").val(address);
    $("#user-birthday-change:text").val(birthday);
    $("#user-mobile-change:text").val(mobile);
    $("#user-phone-change:text").val(phone);
    $("#user-discount-change:text").val(discount);
    
    
    return false;
  });
  
  $(".save-btn").click(function() {
		
	if(!checkProfile()) return false;	
		
    $(".userinfo .change-info").css("display","none");
    $(".userinfo .this-info").css("display","block");
    
    var email = $("#user-email-change:text").val();
    var town = $("#user-town-change:text").val();
    var address = $("#user-address-change:text").val();
    var birthday = $("#user-birthday-change:text").val();
    var mobile = $("#user-mobile-change:text").val();
    var phone = $("#user-phone-change:text").val();
    var discount = $("#user-discount-change:text").val();
    
    $("#user-email").text(email);
    $("#user-town").text(town);
    $("#user-address").text(address);
    $("#user-birthday").text(birthday);
    $("#user-mobile").text(mobile);
    $("#user-phone").text(phone);
    $("#user-discount").text(discount);
      
  });
  
  $(".cancel-btn").click(function() {
    
    $(".userinfo .change-info").css("display","none");
    $(".userinfo .this-info").css("display","block");
    
  });
  
  $('a.big-image').click(function(){

        var link = $(this);

        // Создаём объекты
        var frame = $('<div class="popup-frame"></div>');
        var shadow = $('<div class="popup-shadow"></div>');
        var loader = $('<div class="popup-loader"></div>');
        var image = $('<img src="' + link.attr('href') + '" alt="' + link.attr('title') + '"/>');
        var button = $('<div class="b-close" title="╟ръЁ√Є№"></div>');

        // Цепляем их к BODY, а потом друг к другу
        frame.appendTo('body');
        shadow.appendTo(frame).animate({opacity:0.6},300);
        loader.appendTo(frame);
        image.appendTo(loader);

        // Ждём загрузки картинки
        image.load(function(){

          button.appendTo(loader);

          var w = image.width();
          var h = image.height();

          // Анимируем загрузчик до размеров картинки
          // и одновременно смещаем к центру
          loader.addClass('popup-loaded').animate({

            width:w,
            marginLeft:-w/2,
            height:h,
            marginTop:-h/2

          },500,function(){

            loader.addClass('popup-canvas');
            image.animate({opacity:1},300,function(){

              // Вешаем события для закрытия картинки
              function closeit(){
                loader.remove();
                shadow.animate({opacity:0},300,function(){
                  frame.remove();
                });
              }

              shadow.click(function(){closeit()});
              button.click(function(){closeit()});

              $(document).keydown(function(e){
                if(e.which==27) closeit();
              });
            });
          });
        });

        return false;
      });

  $(".type-registration").click(function () {
  
    $(".register-box").removeClass("id1").removeClass("id2")
    $(".register-box").addClass($(this).attr("id"))
  
  
    /*
    if ($("#id1:checked")){
      $(".none").css("display","none");
      }
    else{
      $(".none").css("display","block");
      }
    */  
        })

    $(window).load(function () {
    
        var width = $("body").width(); 
        
        if ( width < 1250){         
          $("ul .last").css("display","none");
          $("ul li.commodity").css("width","25%");
        }
        else{
          if ( $.browser.msie){
            $("ul .last").css("display","inline");
            $("ul li.commodity").css("width","20%");
          }else{
            $("ul .last").css("display","inline-block");
            $("ul li.commodity").css("width","20%");
          }
        }
    }); 
      
    $(window).resize(function(){        
        
        var width = $("body").width(); 
        
        if ( width < 1250){         
          $("ul .last").css("display","none");
          $("ul li.commodity").css("width","25%");
        }
        else{
          if ( $.browser.msie){
            $("ul .last").css("display","inline");
            $("ul li.commodity").css("width","20%");
          }else{
            $("ul .last").css("display","inline-block");
            $("ul li.commodity").css("width","20%");
          }
        }
      
    });
      
    
  
});