$(document).ready(function(){
    
    $(".pane:even").addClass("alt");
    
    $('.ShowDlg').click(function(event){
        var el = $(this).attr("rel");
        event.preventDefault();
        if (!$(el).length)
            return;
        if ($(el).data('animating'))
            return;
        var w = $(el).width();
        var h = $(el).height();
        $(el).data('animating', true).show();
        $(el).css({width:0,height:0,opacity:0})
            .animate({width: w,opacity:1}, 450)
            .animate({height:h}, 450,function(){$(el).data('animating',false)});
    });
    
    $('#Login button').click(function(event){
        var email = $("input[name=email]").val();
        var password = $("input[name=password]").val();
        if(email == '') { alert('Вы не указали адрес электроной почты'); return false; }
        if(password == '') { alert('Вы не указали адрес пароль'); return false; }
        $("#Login").fadeOut();
        $("span[rel=#Login]").html('Проверка введенных данных <img src="/config/images/small-loader.gif">');
                $.ajax({
                type: "POST", 
                url: "/config/ajax/CheckLogin.php",   
                data: "email="+email+"&password="+password,
                cache: false,
                success: function(html){
                 $("span[rel=#Login]").html(html);             
                }   
                });
    });
    
    $("#UserExit").click(function(){
        reload('http://new.dropzone.su/exit');
    });
    
    $('.close').click(function(event){
        event.preventDefault();
        var el = $(this).parents('.Dlg:first');
        el.fadeOut();
        $(".ocallnotify").fadeOut();   
    });
    
    $('.slide').hover(function(){
        var id = $(this).attr("id");
        var factory = $("#f"+id);
        var collection = $("#c"+id);
        var catalog = $("#k"+id);
        $(this).find("img").animate({opacity:0.5}, 450);
        collection.css("position","relative").css("left","5px").css("top","-100px").fadeIn();
        catalog.css("position","relative").css("left","5px").css("top","-160px").fadeIn();
        factory.css("position","relative").css("left","5px").css("top","-60px").fadeIn();
    }, function(){
        var id = $(this).attr("id");
        var factory = $("#f"+id);
        var collection = $("#c"+id);
        var catalog = $("#k"+id);
        $(this).find("img").animate({opacity:1}, 450);
        factory.fadeOut();
        catalog.fadeOut();
        collection.fadeOut();  
    });
    
  var currentPosition = 0;
  var slideWidth = 210;
  var slides = $('.slide');
  var numberOfSlides = slides.length;

  // Remove scrollbar in JS
  $('#slidesContainer').css('overflow', 'hidden');

  // Wrap all .slides with #slideInner div
  slides
    .wrapAll('<div id="slideInner"></div>')
    // Float left to display horizontally, readjust .slides width
    .css({
      'float' : 'left',
      'width' : slideWidth
    });

  // Set #slideInner width equal to total width of all slides
  $('#slideInner').css('width', slideWidth * numberOfSlides);

  // Insert controls in the DOM
  $('#slideshow')
    .prepend('<span class="control" id="leftControl">Clicking moves left</span>')
    .append('<span class="control" id="rightControl">Clicking moves right</span>');

  // Hide left arrow control on first load
  manageControls(currentPosition);

  // Create event listeners for .controls clicks
  $('.control')
    .bind('click', function(){
    // Determine new position
    currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
    
    // Hide / show controls
    manageControls(currentPosition);
    // Move slideInner using margin-left
    $('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    });
  });

  // manageControls: Hides and Shows controls depending on currentPosition
  function manageControls(position){
    // Hide left arrow if position is first slide
    if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
    // Hide right arrow if position is last slide
    if(position==numberOfSlides-4){ $('#rightControl').hide() } else{ $('#rightControl').show() }
  }
  
  $('#Csend').click(function(){
       var name = $('input[name="Cname"]');
       var phone = $('input[name="Cphone"]');
       var time = $('select[name="ctime"]');
       if(name.val() != '' && phone.val() != '') {
                $.ajax({
                type: "POST", 
                url: "/config/ajax/Callback.php",   
                data: "name="+name.val()+"&phone="+phone.val()+"&time="+time.val(),
                cache: false,
                success: function(html){
                    $("#CallOrder").append('<div class="ocallnotify"><br><br>'+html+'</div>');
                   setTimeout( function() {
                    $("#Ocall").fadeOut();
                   }, 3000);
                }
                });
       } else {
         if(name.val() == '') { $("#CallOrder").append('<div class="ocallnotify"><br><br>Вы не представились</div>'); }
         else if(phone.val() == '') { $("#CallOrder").append('<div class="ocallnotify"><br><br>Вы не указали номер телефона</div>'); }   
       }
       setTimeout( function() {
            $(".ocallnotify").fadeOut();
       }, 3000);
  });
  
  $('#Filter .filter').click(function(){
    if($(this).hasClass('selected')) {
        $(this).removeClass('selected');
    } else {
        $(this).addClass("selected");   
    }
    var n = $(".selected").size();
    goArr(n);
  });
  
  $(".searchbtn").click(function(){
      if($("input[name=searchdata]").val() == '') { alert("Укажите, пожалуйста, данные для поиска"); return false; } 
  });
  
    $("input[name=searchdata]").autocomplete("/config/ajax/search.php", {
        delay:10,
        minChars:2,
        matchSubset:10,
        autoFill:false,
        matchContains:1,
        cacheLength:10,
        selectFirst:false,
        formatItem:liFormat,
        maxItemsToShow:15,
        onItemSelect:selectItem
    });
    
    $("input[name=new_user]").click(function(){
       var fio = $("input[name=fio]").val();
       var email = $("input[name=new_email]").val();
       var news_password = $('input[name=new_password]').val();
       var news_password_confir = $('input[name=new_password_confir]').val();
        if(!fio) {
          $("span[rel=fio]").html("Укажите, пожалуйста, Ваши Фамилию, Имя и Отчество").fadeIn(600).delay(3000).fadeOut(600);
          return false;   
        }
        if(!email) {
          $("span[rel=email]").html("Укажите, пожалуйста, Ваш адрес электронной почты").fadeIn(600).delay(3000).fadeOut(600);
          return false;   
        }
        if(!news_password) {
          $("span[rel=new_password]").html("Укажите, пожалуйста, пароль").fadeIn(600).delay(3000).fadeOut(600);
          return false;   
        }
        if(!news_password_confir) {
          $("span[rel=new_password_confir]").html("Введите, пожалуйста, Ваш пароль еще раз").fadeIn(600).delay(3000).fadeOut(600);
          return false;   
        }
    });
    
    $('input[name="new_password"]').keyup(function() {
     var password = $(this).val();
     if(password.length>5) {
         $("span[rel=new_password]").fadeOut(500);
     } else {
         $("span[rel=new_password]").fadeIn(600); 
         $("span[rel=new_password]").html('Пароль не должен быть менее 5 символов');
     }  
    });
    
    $('input[name=new_password_confir]').keyup(function() {
     var news_password_confir = $(this).val();
     var news_password = $('input[name=new_password]').val();
      if(news_password!=news_password_confir) {
        $("span[rel=new_password_confir]").fadeIn(600);
        $("span[rel=new_password_confir]").html('Введенные пароли не совпадают');
        $('input[type=submit]').fadeOut(600);
      } else {
        $("span[rel=new_password_confir]").fadeOut(600);
        $('input[type=submit]').fadeIn(600);
      }
     });
     
     $('.ItemQn input[type=number]').click(function() {
         var id = $(this).attr("id");
         var qn = $(this).val();
         var uid = $(this).attr("rel");
         var price = $('#Price'+id);
         price.html("<img src='/config/images/small-loader.gif'>");
                $.ajax({
                type: "POST", 
                url: "/config/ajax/addMoreToCart.php",   
                data: "item="+id+"&qn="+qn+"&uid="+uid,
                cache: false,
                success: function(html){
                    price.html(html+' руб.');
                    Check_Card(uid);
                }
                });
     });
     
     $('.ItemQNForCart input[type=number]').click(function() {
         $('#Price'+id).fadeIn(600).html('<img src="/config/images/small-loader.gif">');
         var id = $(this).attr("id");
         var qn = $(this).val();
         var min = $(this).attr("min");
         var price = $('#oldprice'+id).text();
         var newqn = qn / min;
         var newprice = newqn*price;
         var ex_price = explode('.',newprice);
         var text = '';
         if(ex_price[1]) {
             text += ex_price[0]+'.'+ex_price[1].substr(0,2);
         } else {
             text += ex_price[0];
         }
         return $('#Price'+id).html(text); 
     });
     
     $('.ItemQNForCart button').click(function() {
         var uid = $('.ItemQNForCart input[type=number]').attr("rel");
         var id = $('.ItemQNForCart input[type=number]').attr("id");
         var qn = $('.ItemQNForCart input[type=number]').val();
         var div = $(".CartResult");
         div.fadeIn(600).html('Ждите <img src="/config/images/small-loader.gif">');
                $.ajax({
                type: "POST", 
                url: "/config/ajax/addToCart.php",   
                data: "id="+id+"&uid="+uid+"&qn="+qn,
                cache: false,
                success: function(html){
                    div.html("<br>Добавлен в корзину!").fadeIn(600).delay(1000).fadeOut(600);
                    Check_Card(uid);
                }
                });
     });
     
     $('#EnterSite').click(function() {
         var email = $("input#EnterEmail").val();
         var password = $("input#EnterPass").val();
         if(email=='') {
             $("span[rel=email]").fadeIn(600).delay(3000).fadeOut(600);
             $("span[rel=email]").html('Вы не указали Ваш адрес электронной почты');
             return false;
         } else if(password=='') {
             $("span[rel=password]").fadeIn(600).delay(3000).fadeOut(600);
             $("span[rel=password]").html('Вы не указали Ваш пароль');
              return false;
         } else { return true; }
     }); 
     
    var hash = window.location.hash;
    rurl = explode('#',window.location.hash);

    if(hash != '') {
    //если есть хеш каталога
    if(rurl[1] != '') {
        var dig = +rurl[1]+1;
               $.ajax({
                type: "POST",
                url: "/config/ajax/admin-load.php",
                data: "type=1&cat=" + rurl[1],
                cache: false,
                success: function(html){
                    $("#brands").html(html);
                    $("#selectbrands").slideDown(500);
                    $("select#catalog option:nth-child("+dig+")").attr("selected", "selected");
                    common.fadeOut(300);
                } 
               });  
    }
    
    //если есть хеш каталога и бренда
    if(rurl[1] != '' && rurl[2] != '') {
        var rbrand = +rurl[2];
               $.ajax({
                type: "POST",
                url: "/config/ajax/admin-load.php",
                data: "type=2&cat=" + rurl[1] + "&brand=" + rurl[2],
                cache: false,
                success: function(html){
                    $("#collections").html(html);
                    $("#selectcollection").slideDown(500);
                    $("select#brands option[value='"+rbrand+"']").attr("selected", "selected");
                    common.fadeOut(300);
                } 
               });  
    }
    
    //если есть хеш коллекции
    if(rurl[3] != '') {
        var rcol = +rurl[3];
           $("#collections-show").slideUp();
               $.ajax({
                type: "POST",
                url: "/config/ajax/admin-load.php",
                data: "type=3&collection=" + rurl[3],
                cache: false,
                success: function(html){
                    $("#collections-show").slideDown(500);
                    $("#collections-show").html(html);
                    $("select#collections option[value='"+rcol+"']").attr("selected", "selected");
                    common.fadeOut(300);
                } 
               }); 
    }
    }
     
    $("select#catalog").change(function(){
         var common = $(".common");
         var cat = $(this).attr("value");
         if(cat!='') {
             window.location.hash = cat;
             $("#selectbrands").slideUp();
             $("#collections-show").slideUp();
             common.fadeIn(300).html('Загрузка списка, ждите <img src="/config/images/small-loader.gif">');
               $.ajax({
                type: "POST",
                url: "/config/ajax/admin-load.php",
                data: "type=1&cat=" + cat,
                cache: false,
                success: function(html){
                    $("#brands").html(html);
                    $("#selectbrands").slideDown(500);
                    common.fadeOut(300);
                } 
               });
         } else {
          $("#collections-show").slideUp(500);
          $("#selectbrands").slideUp(500);
          $("#selectcollection").slideUp(500);    
         }
    });
    
    $("select#catalog1").change(function(){
         var common = $(".common");
         var cat = $(this).attr("value");
         if(cat!='') {
             window.location.hash = cat;
             $("#selectbrands1").slideUp();
             $("#collections-show").slideUp();
             common.fadeIn(300).html('Загрузка списка, ждите <img src="/config/images/small-loader.gif">');
               $.ajax({
                type: "POST",
                url: "/config/ajax/admin-load.php",
                data: "type=1&cat=" + cat,
                cache: false,
                success: function(html){
                    $("#brands1").html(html);
                    $("#selectbrands1").slideDown(500);
                    common.fadeOut(300);
                } 
               });
         } else {
          $("#collections-show").slideUp(500);
          $("#selectbrands1").slideUp(500);   
         }
    });
    
    $("select#brands1").change(function(){
        var common = $(".common");
        var cat = $('select#catalog1').attr("value");
        var brand = $(this).attr("value");
         if(brand != '') {
           common.fadeIn(300).html('Загрузка списка, ждите <img src="/config/images/small-loader.gif">');
           $("#collections-show").slideUp();
               $.ajax({
                type: "POST",
                url: "/config/ajax/admin-load.php",
                data: "type=3&cat=" + cat + "&brand=" + brand,
                cache: false,
                success: function(html){
                    $("#collections-show").slideDown(500);
                    $("#collections-show").html(html);
                    common.fadeOut(300);
                } 
               });  
         } else {
            $("#collections-show").slideUp(500); 
         }
    });
    
    $("select#brands").change(function(){
        var common = $(".common");
        var cat = $('select#catalog').attr("value");
        var brand = $(this).attr("value");
         if(brand != '') {
           window.location.hash = "#"+cat+"#"+brand;
           common.fadeIn(300).html('Загрузка списка, ждите <img src="/config/images/small-loader.gif">');
           $("#collections-show").slideUp();
               $.ajax({
                type: "POST",
                url: "/config/ajax/admin-load.php",
                data: "type=2&cat=" + cat + "&brand=" + brand,
                cache: false,
                success: function(html){
                    $("#collections").html(html);
                    $("#selectcollection").slideDown(500);
                    common.fadeOut(300);
                } 
               });  
         } else {
            $("#collections-show").slideUp(500); 
            $("#selectcollection").slideUp(500);
         }
    });
    
    $("select#collections").change(function(){
        var common = $(".common");
        var cat = $('select#catalog').attr("value");
        var brand = $('select#brands').attr("value");
        var collection = $(this).attr("value");
         if(collection != '') {
             window.location.hash = "#"+cat+"#"+brand+"#"+collection;
           common.fadeIn(300).html('Загрузка списка, ждите <img src="/config/images/small-loader.gif">');
           $("#collections-show").slideUp();
               $.ajax({
                type: "POST",
                url: "/config/ajax/admin-load.php",
                data: "type=3&collection=" + collection,
                cache: false,
                success: function(html){
                    $("#collections-show").slideDown(500);
                    $("#collections-show").html(html);
                    common.fadeOut(300);
                } 
               });  
         } else {
            $("#collections-show").slideUp(500); 
         }
    });  
  
});

function goArr(n) {
  var catalog = 'catalog=';
  var country = 'country=';
  var factory = 'factory=';
  var surface = 'surface=';
  var size = 'size=';
  var con = $("#ItemBlock");
   for(var i = 0; i < n; i++){
       if($(".selected").eq(i).attr("type") == 'catalog') { catalog += $(".selected").eq(i).text()+'|'; }
       if($(".selected").eq(i).attr("type") == 'country') { country += $(".selected").eq(i).text()+'|'; }
       if($(".selected").eq(i).attr("type") == 'factory') { factory += $(".selected").eq(i).text()+'|'; }
       if($(".selected").eq(i).attr("type") == 'size') { size += $(".selected").eq(i).text()+'|'; }
       if($(".selected").eq(i).attr("type") == 'surface') { surface += $(".selected").eq(i).text()+'|'; }
   }
      con.html("Загружаю <img src='/config/images/small-loader.gif'>");
      var Data = catalog+'&'+country+'&'+factory+'&'+size+'&'+surface;
      GoFilter('factory',catalog,country,factory,size,surface);
      GoFilter('size',catalog,country,factory,size,surface); 
                $.ajax({
                type: "POST", 
                url: "/config/ajax/filter.php",   
                data: Data,
                cache: false,
                success: function(html){
                 if(html!='') { 
                     con.html(html);
                 } else {
                     con.html('<div>С указанными условиями фильтра, поиск не дал результатов</div>');
                 }               
                }   
                });              
}

function GoFilter(type,catalog,country,factory,size,surface) {
    $("#L"+type).html("<img src='/config/images/small-loader.gif'>");
                $.ajax({
                type: "POST", 
                url: "/config/ajax/ListForFilter.php",   
                data: "type="+type+"&"+catalog+"&"+country+"&"+factory+"&"+size+"&"+surface,
                cache: false,
                success: function(html){
                  $("#L"+type).hide();
                   if($("span[type='"+type+"']").hasClass("selected")) {
                   } else {
                      $("span[type='"+type+"']").addClass("hidden"); 
                   }
                  $('#AjaxWindow').html(html);
                }
                });
}

function addToCart(id,uid) {
    var div = $("#I"+id);
    div.html('Добавляю <img src="/config/images/small-loader.gif">');
                $.ajax({
                type: "POST", 
                url: "/config/ajax/addToCart.php",   
                data: "id="+id+"&uid="+uid,
                cache: false,
                success: function(html){
                    div.html(html);
                    Check_Card(uid);
                }
                });
}

function deleteFromCart(id,uid) {
    $("#Item"+id).fadeOut(450);
    $("#Item"+id).html('<tr><td></td><td colspan="4">Удаляю <img src="/config/images/small-loader.gif"></td></tr>');
                $.ajax({
                type: "POST", 
                url: "/config/ajax/deleteFromCart.php",   
                data: "id="+id+"&uid="+uid,
                cache: false,
                success: function(html){ 
                 if(html == '') { alert("При удалении из корзины, произошла ошибка, пожалуйста, попробуйте позже"); 
                 } else {
                     Check_Card(uid);
                     if(html == '0') { $("#ItemBlock").html("В Вашей корзине нет покупок"); }
                 } 
                }
                }); 
}

function Check_Card(uid) {
    var cart = $(".cartinfo");
    var total = $(".Total");
    cart.html('Обновляю корзину <img src="/config/images/small-loader.gif">');
    total.html('<img src="/config/images/small-loader.gif">');
                $.ajax({
                type: "POST", 
                url: "/config/ajax/Check_Card.php",   
                data: "uid="+uid,
                cache: false,
                success: function(html){
                    cart.html(html);
                    total.html(html);
                }
                });
}

function ShowMeMore(type,catalog_id,id) {
      $("#ShowMeMore"+type+catalog_id+id).html('<img src="/config/images/small-loader.gif">');
      var filter = '';
      if(type == '2') { 
         filter += $("#ShowMeMore"+type+catalog_id+id).attr("rel");
      } 
        $.ajax({
        type: "POST",
        url: "/config/ajax/ShowMeMore.php",
        data: "type="+type+"&catalog="+catalog_id+"&id="+id+"&filter="+filter,
        cache: false,  
        success: function(html)
        { 
            $("#ShowMeMore"+type+catalog_id+id).hide();  
            $('#c'+type+catalog_id+"i"+id).after(html);
        }
        });
        return false;
}

    function liFormat (row, i, num) {
        var result = '<div id="PrintSearch"><div class="res0"><img src="'+row[1]+'"></div><div class="res1">' + row[0] + '<br>' + row[2] + '<br>' + row[3] + '</div><div class="res2">' + row[4] + '</div></div>';
        return result;
    }
    
    function selectItem(li) {
        if( li == null ) var sValue = "Ничего не выбрано!";
        if( !!li.extra ) var sValue = li.extra[4];
        else var sValue = li.selectValue;
        reload(sValue);
        }

function reload(way) {
    setTimeout(location = way, 0);
}

function explode( delimiter, string ) {
    var emptyArray = { 0: '' };

    if ( arguments.length != 2
        || typeof arguments[0] == 'undefined'
        || typeof arguments[1] == 'undefined' )
    {
        return null;
    }

    if ( delimiter === ''
        || delimiter === false
        || delimiter === null )
    {
        return false;
    }

    if ( typeof delimiter == 'function'
        || typeof delimiter == 'object'
        || typeof string == 'function'
        || typeof string == 'object' )
    {
        return emptyArray;
    }

    if ( delimiter === true ) {
        delimiter = '1';
    }

    return string.toString().split ( delimiter.toString() );
}