﻿ var Item;
 $(document).ready(function(){
     $.ajaxSetup({
         type: "POST",
         cache: false
     });
     Item = new ItemMaster();
     Item.getItemList();
 })
 
function ItemMaster()
 {
  var self=this;
  this.shopBtn=$("#ShopBtn");
  this.itemList={};
  this.itemBox = $("#itemHot");
  this.userInfo = $("#userInfo");
  this.getItemList = function() {
  $.getJSON("ajax/shop.ashx", "act=type&ind=1", function(d) {
  if (d.userName.length > 0) { self.updateUserInfo(d.userName) }
          self.addItems(d["itemList"], $("#item1"), $("#item1P"), d.pageCount, d.page, 1);
      })

      $.getJSON("ajax/shop.ashx", "act=type&ind=2", function(d) {
          self.addItems(d["itemList"], $("#item2"), $("#item2P"), d.pageCount, d.page, 2);
      })
      $.getJSON("ajax/shop.ashx", "act=type&ind=3", function(d) {
          self.addItems(d["itemList"], $("#item3"), $("#item3P"), d.pageCount, d.page, 3);
      })
      $.getJSON("ajax/shop.ashx", "act=type&ind=4", function(d) {
          self.addItems(d["itemList"], $("#item4"), $("#item4P"), d.pageCount, d.page, 4);
      })
      $.getJSON("ajax/shop.ashx", "act=type&ind=5", function(d) {
          self.addItems(d["itemList"], $("#item5"), $("#item5P"), d.pageCount, d.page, 5);
      })
      $.getJSON("ajax/shop.ashx", "act=type&ind=6", function(d) {
          self.addItems(d["itemList"], $("#item6"), $("#item6P"), d.pageCount, d.page, 6);
      })

  }
  this.addItems = function(itemList, itemBox, itemBoxP, pageCount, page, ind) {
      var tmp = "";
      var items = "";
      $.each(itemList, function(i, n) {
      items = itemList[i];
      tmp += '<li><table border="0" cellspacing="0" cellpadding="0" class="cont"><tr><td valign="top"><img src="images/item/' + items.objectPic + '.jpg" width="38" height="38" border=0 />  </td><td  valign="top"><h3>名称：' + items.objectName + '</h3><h4>价格：' + ((items.price == items.oldPrice) ? items.price + '元宝' : '<font color=red>' + items.price + ' 元宝</font>') + '  （原价：' + items.oldPrice + ' 元宝）</h4> </td><td  valign="top"><dl itemId=' + items.id + '><img src="images/buy.gif" width="38" height="38" border=0  style="cursor:hand;" /></dl></td>  </tr> </table></li>';
      })
      itemBox.html(tmp);
      itemBoxP.html('<a href="#" class="styq"><font  id="sp">首页</font></a><a href="#" class="styq"><font class="styq" id="up" cp=' + (page - 1) + '>上一页</font></a><a href="#" class="styq"><font class="styq" id="dp" cp=' + (page + 1) + '>下一页</font></a><a href="#" class="styq"><font class="styq" id="ep" cp=' + pageCount + '>尾页</font></a><a href="#" class="styq"><font class="styq">当前 ' + page + '/' + pageCount + ' 页</font></a>');
      self.bindEvent(itemBox);
      self.bindPageEvent(itemBoxP, ind,pageCount,page);
  }
   this.bindEvent = function(itemBox) {

   itemBox.find("dl").click(function() {
           //判断是否为空
       window.showPopWin('', 'shop1.html?itemid=' + $(this).attr("itemid") + '', 300, 400, null, true, true);
           //alert($(this).attr("itemid"));
       });
   }

   this.bindPageEvent = function(itemBox, ind,pageCount,page) {

       var item;
       item = itemBox.find('a').eq(0);
       item.click(function() {
           self.getItemListByPage(ind, 1);
       });

       item = itemBox.find('a').eq(1);
       item.click(function() {
           self.getItemListByPage(ind, page-1);
       });

       item = itemBox.find('a').eq(2);
       item.click(function() {
           self.getItemListByPage(ind, page+1);
       });

       item = itemBox.find('a').eq(3);
       item.click(function() {
           self.getItemListByPage(ind, pageCount);
       });
   }

   this.getItemListByPage = function(ind, page) {
       $.getJSON("ajax/shop.ashx", "act=type&ind=" + ind + "&page=" + page + "", function(d) {
           self.addItems(d["itemList"], $("#item" + ind), $("#item" + ind + "P"), d.pageCount, d.page, ind);
       });
   }

   this.updateUserInfo = function(userName) {
       self.userInfo.html('<Td>通行证：' + userName + '</td>  <td><a href="#" class="shopb1">退出</a></td>');
       var item = self.userInfo.find('a').eq(0);
       item.click(function() {
           $.getJSON("ajax/shop.ashx", "act=loginOut", function(d) {
               alert('退出成功！');
               self.userInfo.html('');
           })
       })
   }
 
 }
  