$(document).ready(function(){
  var images=['/images/slide_left_up.png','/images/ajax-loader.gif','/images/slide_right_up.png','/images/button_more_hover.png','/images/nav_deals_active.png','/images/nav_home_active.png','/images/nav_phones_active.png','/images/nav_networks_active.png','/images/nav_community_active.png'];
preloadImages(images);
  $("#sl").click(function(){
    reloadHandsets(-8);
    });
  $("#sr").click(function(){
   reloadHandsets(8);
    });
  $("#pg").click(function(){
    $("#tophandsetdisplaycontract").css("display","none");
    $("#tophandsetdisplaypayg").css("display","block");
    $("#tophandsetdisplaysimfree").css("display","none");
    $(this).attr("class","selected");
    $("#cont").attr("class","");
    $("#simfree").attr("class","");
    return false;
    });
  $("#cont").click(function(){
    $("#tophandsetdisplaycontract").css("display","block");
    $("#tophandsetdisplaypayg").css("display","none");
    $("#tophandsetdisplaysimfree").css("display","none");
    $(this).attr("class","selected");
    $("#pg").attr("class","");
    $("#simfree").attr("class","");
    return false;
    });
  $("#simfree").click(function(){
    $("#tophandsetdisplaycontract").css("display","none");
    $("#tophandsetdisplaypayg").css("display","none");
    $("#tophandsetdisplaysimfree").css("display","block");
    $(this).attr("class","selected");
    $("#pg").attr("class","");
    $("#cont").attr("class","");
    return false;
    });
  });

reloading = false;
function reloadHandsets(mod)
{
  if(reloading) return;
  reloading = true;
  if($("#tophandsetdisplaycontract").css("display")!="none")
  {
    var contract="contract";
    var id="#tophandsetdisplaycontract";
  }
  else if($("#tophandsetdisplaypayg").css("display")!="none")
  {
    var contract="payg";
    var id="#tophandsetdisplaypayg";
  }
  else
  {
    var contract="simfree";
    var id="#tophandsetdisplaysimfree";
  }
   $(id).html('<img src="/images/ajax-loader.gif" alt="Loading" class="ajaxLoader" />');
    str = '<table><tr>';
    str2='<tr id="phonephotos">';
      var randomRow=$(id).data("randomRow");
      var totalRows=$(id).data("totalRows");
    if(randomRow+mod>totalRows) randomRow=0;
    else if(randomRow+mod<0) randomRow=totalRows-8;
    else randomRow+=mod;
    $(id).data("randomRow",randomRow);
    $.ajax({url: "/ajax",dataType:"json",data: { ajax: "refreshIndex", type: contract, "randomRow": randomRow  }, success: function(json){
      $.each(json,function(i,item){
        if(contract=="contract")
        {
          url='/'+i+'/pay-monthly.php';
        }
        else if(contract=="payg")
        {
          url='/'+i+'/pay-as-you-go.php';
        }
        else
        {
          url='/'+i+'/sim-free.php';
        }
           str+='<td><a href="'+url+'">'+item.name+"</a></td>";
           str2+='<td><a href="'+url+'"><img src="/images/handsets/250/large'+item.id+'.jpg" width="75" height="130" /></a><br />';
           str2+='From: &pound;'+item.cost;
           if(contract=="contract") str2+=' per month';
           str2+="<br />";
           str2+='<a href="/'+i+'/" alt="More" class="more"></a></td>';
        });
      str+='</tr>'+str2+'</tr></table>';
    $(id).html(str);
    reloading=false;
      }
    });
}