$(window).load(function() {
  $('.top-menu').css('display', 'block');
});
$(document).ready(function() {
    
    // Hide lang bar
    $('.hide-me').hide();
    
    // On dom ready function
    $('.top-menu li:first a').append('<div class="menu-left"></div>').css("border-left","none").hover(function(){
        $('.menu-left').css("background-position","0 -270px");
    }, function() {
        $('.menu-left').css("background-position","0 -90px");
    });
    $('.top-menu li:last a').append('<div class="menu-right"></div>').css("border-right","none").hover(function(){
        $('.menu-right').css("background-position","0 -315px");
    }, function() {
        $('.menu-right').css("background-position","0 -135px");
    });
    
    $('.top-menu li:first a.active').children('div').remove();
    $('.top-menu li:first a.active').append('<div class="menu-left-orange"></div>');
    $('.top-menu li:last a.active').children('div').remove();
    $('.top-menu li:last a.active').append('<div class="menu-right-orange"></div>');
    
    
    $('a.black').live('mouseover', function(){
        $(this).children('span').css('background-position','100% -156px');
    });
    $('a.black').live('mouseout', function(){
        $(this).children('span').css('background-position','100% -52px');
    });
    
    $('a.orange').live('mouseover', function(){
        $(this).children('span').css('background-position','100% -182px');
    });
    $('a.orange').live('mouseout', function(){
        $(this).children('span').css('background-position','100% -78px');
    });
    
    // Set new sorting and pagination parameters
    $('#pagination_rows').change(function(){
        //location.href=$(this).attr("class")+',rows,'+$(this).val();
        location.href='/'+$(this).attr('class')+',rows,'+$(this).val();
    });
    
    $('#pagination_order').change(function(){
        //location.href=$(this).attr("class")+',rows,'+$(this).val();
        location.href='/'+$(this).attr('class')+',orderBy,'+$(this).val();
    });
    
    // Set new sorting and pagination parameters on the search page
    $('#search_rows').change(function(){
        //location.href=$(this).attr("class")+',rows,'+$(this).val();
        location.href='/'+$(this).attr('class')+'&rows='+$(this).val();
    });
    
    $('#search_order').change(function(){
        //location.href=$(this).attr("class")+',rows,'+$(this).val();
        location.href='/'+$(this).attr('class')+'&orderBy='+$(this).val();
    });
    
    // Rollovers
    $('#menu1').hover(function(){
        $('.frame').html('<img src="img/1.jpg" /><img src="gfx/frame.png" />');
    } ,function(){
        $('.frame').html('<img src="img/'+$('#current_cat').html()+'.jpg" /><img src="gfx/frame.png" />');
    });
    $('#menu2').hover(function(){
        $('.frame').html('<img src="img/2.jpg" /><img src="gfx/frame.png" />');
    } ,function(previous){
        $('.frame').html('<img src="img/'+$('#current_cat').html()+'.jpg" /><img src="gfx/frame.png" />');
    });
    $('#menu3').hover(function(){
        $('.frame').html('<img src="img/3.jpg" /><img src="gfx/frame.png" />');
    } ,function(previous){
        $('.frame').html('<img src="img/'+$('#current_cat').html()+'.jpg" /><img src="gfx/frame.png" />');
    });
    $('#menu4').hover(function(){
        $('.frame').html('<img src="img/4.jpg" /><img src="gfx/frame.png" />');
    } ,function(previous){
        $('.frame').html('<img src="img/'+$('#current_cat').html()+'.jpg" /><img src="gfx/frame.png" />');
    });
    
    // Deal with fucking IE, not supporting onlick events on <option>
    $('#pick-a-size').change(function() {
      window.location.href = $(this).val();
    });
    
    /**
    * Ajax pagination for the top category tabs
    */
    var odd_margin = '5px 5px 0 -3px';
    var even_margin = '5px -5px 0 0';
    // Paginate promotions
    $('.ajax-promo-pager').live('click', function() {
      var clicked = $(this);
      var container = $('#ajax-holder-'+clicked.attr('title'));
      if (clicked.hasClass('inactive')) {
        return false;
      }
      container.parent('div').children('div.pagination').children('a').removeClass('inactive');
      clicked.addClass('inactive');
      $('.overlay').height($('.overlay').parent('div').height()+20).show();
      $.ajax({
        url : 'ajax-paginator.php',
        method : 'GET',
        cache : false,
        data : {
          page : clicked.attr('href'),
          what : clicked.attr('title'),
          category : clicked.attr('rel')
        },
        success : function(response) {
          $('.overlay').hide();
          container.html('');
          $.each(response, function(k, v) {
            if (k%2) {
              var margin = even_margin;
            } else {
              var margin = odd_margin;
            }
            var center_box = $('<div></div>').addClass('center-box').css('margin', margin);
            var link = $('<a></a>').attr('href', v.link).html('<h3>'+v.name+'</h3>').appendTo(center_box);
            var middle_div = $('<div></div>').addClass('middle');
            var a_img = $('<a></a>').attr('href', v.link).html(v.image).appendTo(middle_div);
            var a_maker = $('<a></a>').attr('href', v.link).html('<span style="color: #3b94ad; font-weight: bold;">'+v.maker+'</span>');
            var p_maker = $('<p></p>').append(a_maker).appendTo(middle_div);
            var p_links = $('<p></p>').appendTo(middle_div);
            var a_details = $('<a></a>').attr('href', v.link).addClass('orange').html('<span>Детайли</span>').appendTo(p_links);
            if (v.buy == '1') {
              var a_buy = $('<a></a>').attr('href', 'javascript:add_to_cart('+v.id+',1);').addClass('black').html('<span>Поръчай</span>');
            } else {
              var a_buy = $('<img />').attr('src', 'gfx/not_available_1.png').css('padding', '5px 0 0 0');
            }
            a_buy.appendTo(p_links);
            middle_div.append(v.price);
            p_links.appendTo(middle_div);
            middle_div.append('<div class="clear"></div>').appendTo(center_box);
            center_box.append('<div class="closure"></div>');
            center_box.appendTo(container);
          });
        }
      });
      return false;
    });
    
});
add_to_cart(0,0);