//Download by http://www.codefans.net
var CountDown = function(y, m, d, hh) {
  var currentDate = new Date();
  //alert (currentDate);
  //var currentDate = new Date(2011,10,14);
  var targetDate = new Date(y, m, d);
  //var targetDate = new Date(2011,10,17);
   //var distDate = targetDate - currentDate ;
  //alert(distDate);
  var distDate = targetDate - currentDate + hh * 3600 * 1000-86400000*31;   //毫秒
  var d0, d1, h0, h1, m0, m1, s0, s1, kk;
  function getDistDateArr() {
    var n = new Number(distDate);
	//alert(n);
    var perDay = 86400000; //86400
    var perHour = 3600000; //3600
    var perMin = 60000;  //60
    var perSec = 1000;  //1
    var d = Math.floor(n / perDay);
    if (d > 0) {
      n -= d * perDay
    }
    var h = Math.floor(n / perHour);
		
    if (h > 0) {
      n -= h * perHour
    }
		/*if(d-0) {
		  h += (d - 0) * 24;
		}*/
    var m = Math.floor(n / perMin);
    if (m > 0) {
      n -= m * perMin
    }
    var s = Math.floor(n / perSec);
    if (s > 0) {
      n -= s * perSec
    }
    var str = "";
    str += (d < 10) ? ("0" + d.toString()) : (d.toString());
	//str += "天";
    str += (h < 10) ? ("0" + h.toString()) : (h.toString());
	//str += "时";
    str += (m < 10) ? ("0" + m.toString()) : (m.toString());
	//str += "分";
    str += (s < 10) ? ("0" + s.toString()) : (s.toString());
	//str += "秒";
    var arr = str.split("");
  // alert(str);
    return [Number(arr[0]), Number(arr[1]), Number(arr[2]), Number(arr[3]), Number(arr[4]), Number(arr[5]), Number(arr[6]), Number(arr[7])]
  };
  function minusSpiner() {
    distDate -= 1000;
    if (distDate < 0) {
      $('.countdown-box').hide();
      clearInterval(kk)
    }
    updateSpiner()
  };
  function updateSpiner() {
    if (distDate > 0) {
      var arr = getDistDateArr();
      if (d0.getIndex() != arr[0]) {
        d0.setIndex(arr[0])
      }
      if (d1.getIndex() != arr[1]) {				
        d1.setIndex(arr[1])
      }
      if (h0.getIndex() != arr[2]) {
        h0.setIndex(arr[2])
      }
      if (h1.getIndex() != arr[3]) {
        h1.setIndex(arr[3])
      }
      if (m0.getIndex() != arr[4]) {
        m0.setIndex(arr[4])
      }
      if (m1.getIndex() != arr[5]) {
        m1.setIndex(arr[5])
      }
      if (s0.getIndex() != arr[6]) {
        s0.setIndex(arr[6])
      }
      if (s1.getIndex() != arr[7]) {
        s1.setIndex(arr[7])
      }
    }
  };
  var Wheel = function(id) {
    this.id = id
  };
  Wheel.prototype = {
    createDom: function() {
      var html = [];
      html.push('<div class="spiner ' + this.id + '"><div class="contents">');
      for (var i = 0; i < 10; i++) {
        html.push('<div class="item ' + 'num_' + i + '">' + i + '</div>')
      }
      html.push('</div></div>');
      return html.join('')
    },
    getIndex: function() {
      return $('.spiner.' + this.id).attr('scrollTop') / 60
    },
    setIndex: function(n) {
      $('.spiner.' + this.id).animate({scrollTop:eval(n*60)+"px"});
	 //$('.spiner.' + this.id).scrollTop(n * 60);
    }
  };
  function buildSpiner() {
    d0 = new Wheel('d0');
    d1 = new Wheel('d1');
    h0 = new Wheel('h0');
    h1 = new Wheel('h1');
    m0 = new Wheel('m0');
    m1 = new Wheel('m1');
    s0 = new Wheel('s0');
    s1 = new Wheel('s1');
    $('.distDateContainer').html("<div class=spiner_txt>还剩下</div>"+d0.createDom() + d1.createDom() +"<div class=spiner_txt>天</div>"+ h0.createDom() + h1.createDom() +"<div class=spiner_txt>时</div>"+ m0.createDom() + m1.createDom() +"<div class=spiner_txt>分</div>"+ s0.createDom() + s1.createDom()+"<div class=spiner_txt>秒</div>");
    minusSpiner();
    kk = setInterval(function() {
      minusSpiner()
    },
    1000)
  };
  buildSpiner();
};// JavaScript Document