// this code below is copy from <Node.js开发指南> writen by byvoid

// shallow copy
Object.prototype.clone = function(){
  var newObj = {};
  for (var i in this) {
    newObj[i] = this[i];
  }
  return newObj;
}
// deep copy
Object.prototype.clone = function(){
  var newObj = {};
  for (var in in this) {
    if (typeof(this[i]) == 'object' || typeof(this[i] == 'function') {
      newObj[i] = this[i].clone();
    } else {
      newObj[i] = this[i];
    }
  }
  return newObj;
};

Array.prototype.clone = function(){
  var newArray = [];
  for (var i=0; i<this.length;i++){
    if (typeof(this[i] == 'object' || typeof(this[i]) == 'function') {
      newArray[i] = this[i].clone();
    } else {
      newArray[i] = this[i];
    }
  }
  return newArray;
};

Function.prototype.clone = function(){
  var that = this;
  var newFunc = function(){
    return that.apply(this, arguments);
  };
  for (var i in this) {
    newFunc[i] = this[i];
  }
  return newFunc;
};

var obj = {
  name : 'byvoid',
  likes : ['node'],
  display : function(){
    return this.name;
  }
};
var newObj = obj.clone();
newObj.likes.push('python');
obj.likes
>['node']
newObj.likes
>['node', 'python']
newObj.display == obj.display
>false

// this function is only cannot work like this
var obj1 = {rel : null};
var obj2 = {rel : obj1};
obj1.ref = obj2;

function array_diff(){
  var arr,result,tab,index;
  result=[];
  tab=[{
    value:'',
    num:''
  }];
  for(var i=0,len=arguments.length;i<len;i++){
    arr = arguments[i];

    for(var j=0,l=arr.length;j<l;j++){
      index=-1;
      if(!isNaN(arr[j])){
        for(var x=0;x<tab.length;x++){
          if(arr[j]===tab[x].value){
            index=x;
          }
        }
        if(index==-1){
          tab.push({
            value:arr[j],
            num:1
          });

        }else{
          tab[index].num+=1;
        }

      }
    }
  }
  for(i=0,len=tab.length;i<len;i++){
    if(tab[i].num==1){
      result.push(tab[i].value);
    }
  }
  return result;
}
console.log(array_diff( [1, 2, 3, 'a'], [2, 3, 4, 'b'], [3, 4, 5, 'd']));

ResourceLoader.handleAudio = function(rsobj, callback){
  var itemObj = this;
  var audio = new Audio();
  itemobj.media = audio;
  rsobj.rs[itemobj.key] = audio;

  var filePath = itemobj.src;
  var folderPath = filePath.substr(0, filePath.lastIndexOf('.'));

  var source = document.createElement('source');
  if(audio.canPlayType('audio/mpeg')){
    source.type = 'audio/mpeg';
    source.src = folderPath + '.mp3';
  }else if(audio.canPlayType('audio/ogg')){
    source.type = 'audio/ogg';
    source.src = folderPath + '.ogg';
  }else if((audio.canPlayType('audio/wav'))){
    source.type = 'audio/wav';
    source.src = folderPath + '.wav';
  }
  audio.appendChild(source);

  ResourceLoader.mediaCheck(rsobj, itemobj, callback);
}

Array.prototype.combSort = function () {
  var factor = 0.8
  var gap = this.length
  var swapped = true
  var i
  var temp
  while (gap > 1 || swapped) {
    if (gap > 1) {
      gap = Math.floor(gap * factor)
    }
    swapped = false
    for (i = 0; gap + i < this.length; i++) {
      if (this[i] > this[i + gap]) {
        temp = this[i]
        this[i] = this[i + gap]
        this[i + gap] = temp;
        swapped = true
      }
    }
  }
  return this
}

var CANVAS_WIDTH = 480;
var CANVAS_HEIGHT = 320;

var canvasElement = $("<canvas width='" + CANVAS_WIDTH + 
                      "' height='" + CANVAS_HEIGHT + "'></canvas>");
var canvas = canvasElement.get(0).getContext("2d");
canvasElement.appendTo('body');

var FPS = 30;
setInterval(function() {
  update();
  draw();
}, 1000/FPS);

function draw() {
  canvas.fillStyle = "#000"; // Set color to black
  canvas.fillText("Sup Bro!", 50, 50);
}

var textX = 50;
var textY = 50;

function update() {
  textX += 1;
  textY += 1;
}

function draw() {
  canvas.fillStyle = "#000";
  canvas.fillText("Sup Bro!", textX, textY);
}

function draw() {
  canvas.clearRect(0, 0, CANVAS_WIDTH, CANVAS_HEIGHT);
  canvas.fillStyle = "#000";
  canvas.fillText("Sup Bro!", textX, textY);
}

var player = {
  color: "#00A",
  x: 220,
  y: 270,
  width: 32,
  height: 32,
  draw: function() {
    canvas.fillStyle = this.color;
    canvas.fillRect(this.x, this.y, this.width, this.height);
  }
};

function draw() {
  canvas.clearRect(0, 0, CANVAS_WIDTH, CANVAS_HEIGHT);
  player.draw();
}

$(document).bind("keydown", "left", function() { ... });

function update() {
  if (keydown.left) {
    player.x -= 2;
  }

  if (keydown.right) {
    player.x += 2;
  }
}

function update() {
  if (keydown.left) {
    player.x -= 5;
  }

  if (keydown.right) {
    player.x += 5;
  }

  player.x = player.x.clamp(0, CANVAS_WIDTH - player.width);
}

function update() {
  if (keydown.space) {
    player.shoot();
  }

  if (keydown.left) {
    player.x -= 5;
  }

  if (keydown.right) {
    player.x += 5;
  }

  player.x = player.x.clamp(0, CANVAS_WIDTH - player.width);
}

player.shoot = function() {
  console.log("Pew pew");
  // :) Well at least adding the key binding was easy...
};

var playerBullets = [];

function Bullet(I) {
  I.active = true;

  I.xVelocity = 0;
  I.yVelocity = -I.speed;
  I.width = 3;
  I.height = 3;
  I.color = "#000";

  I.inBounds = function() {
    return I.x >= 0 && I.x <= CANVAS_WIDTH &&
      I.y >= 0 && I.y <= CANVAS_HEIGHT;
  };

  I.draw = function() {
    canvas.fillStyle = this.color;
    canvas.fillRect(this.x, this.y, this.width, this.height);
  };

  I.update = function() {
    I.x += I.xVelocity;
    I.y += I.yVelocity;

    I.active = I.active && I.inBounds();
  };

  return I;
}

player.shoot = function() {
  var bulletPosition = this.midpoint();

  playerBullets.push(Bullet({
    speed: 5,
    x: bulletPosition.x,
    y: bulletPosition.y
  }));
};

player.midpoint = function() {
  return {
    x: this.x + this.width/2,
    y: this.y + this.height/2
  };
};

function update() {
  ...
  playerBullets.forEach(function(bullet) {
    bullet.update();
  });

  playerBullets = playerBullets.filter(function(bullet) {
    return bullet.active;
  });
}

function draw() {
  ...
  playerBullets.forEach(function(bullet) {
    bullet.draw();
  });
}

 enemies = [];

function Enemy(I) {
  I = I || {};

  I.active = true;
  I.age = Math.floor(Math.random() * 128);

  I.color = "#A2B";

  I.x = CANVAS_WIDTH / 4 + Math.random() * CANVAS_WIDTH / 2;
  I.y = 0;
  I.xVelocity = 0
  I.yVelocity = 2;

  I.width = 32;
  I.height = 32;

  I.inBounds = function() {
    return I.x >= 0 && I.x <= CANVAS_WIDTH &&
      I.y >= 0 && I.y <= CANVAS_HEIGHT;
  };

  I.draw = function() {
    canvas.fillStyle = this.color;
    canvas.fillRect(this.x, this.y, this.width, this.height);
  };

  I.update = function() {
    I.x += I.xVelocity;
    I.y += I.yVelocity;

    I.xVelocity = 3 * Math.sin(I.age * Math.PI / 64);

    I.age++;

    I.active = I.active && I.inBounds();
  };

  return I;
};

function update() {
  ...

  enemies.forEach(function(enemy) {
    enemy.update();
  });

  enemies = enemies.filter(function(enemy) {
    return enemy.active;
  });

  if(Math.random() < 0.1) {
    enemies.push(Enemy());
  }
};

function draw() {
  ...

  enemies.forEach(function(enemy) {
    enemy.draw();
  });
}

player.sprite = Sprite("player");

player.draw = function() {
  this.sprite.draw(canvas, this.x, this.y);
};

function Enemy(I) {
  ...

  I.sprite = Sprite("enemy");

  I.draw = function() {
    this.sprite.draw(canvas, this.x, this.y);
  };

  ...
}

function collides(a, b) {
  return a.x < b.x + b.width &&
         a.x + a.width > b.x &&
         a.y < b.y + b.height &&
         a.y + a.height > b.y;
}

function handleCollisions() {
  playerBullets.forEach(function(bullet) {
    enemies.forEach(function(enemy) {
      if (collides(bullet, enemy)) {
        enemy.explode();
        bullet.active = false;
      }
    });
  });

  enemies.forEach(function(enemy) {
    if (collides(enemy, player)) {
      enemy.explode();
      player.explode();
    }
  });
}

function update() {
  ...
  handleCollisions();
}

function Enemy(I) {
  ...

  I.explode = function() {
    this.active = false;
    // Extra Credit: Add an explosion graphic
  };

  return I;
};

player.explode = function() {
  this.active = false;
  // Extra Credit: Add an explosion graphic and then end the game
};

player.shoot = function() {
  Sound.play("shoot");
  ...
}

function Enemy(I) {
  ...

  I.explode = function() {
    Sound.play("explode");
    ...
  }
}

(function(){
  var lastTime = 0;
  var vendors = ['ms', 'moz', 'webkit', 'o'];
  for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x){
    window.requestAnimation = window[vendors[x] + 'RequestAnimationFrame'];
    window.cancelAnimtionFrame = 
      window[vendors[x] + 'CancelAnimationFrame'] || 
      window[vendors[x] + 'CancelRequestAnimtionFrame'];
  }

  if(!window.requestAnimationFrame)
    window.requestAnimationFrame = function(callback, element){
      var currTime = new Date().getTime();
      var timeToCall = Math.max(0, 16 - (currTime - lastTime));
      var id = window.setTimeout(function(){ callback(currTime + timeToCall) ;},timeToCall);
      lastTime = currTime + timeToCall;
      return id;
    };
  if(!window.cancelAnimationFrame)
    window.cancelAnimationFrame = function(id){
      clearTimeout(id);
    }
})();

function createRequest() {
  try {
    request = new XMLHttpRequest();
  } catch (tryMS) {
    try {
      request = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (otherMS) {
      try {
        request = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (failed) {
        request = null;
      }
    }
  } 
  return request;
}

function readURL(input) {

    if (input.files && input.files[0]) {
        var reader = new FileReader();

        reader.onload = function (e) {
            $('#blah').attr('src', e.target.result);
        }

        reader.readAsDataURL(input.files[0]);
    }
}

$("#imgInp").change(function(){
    readURL(this);
});

var reg=/uid=([^&]*)(&|$)/; 
// such like http://127.0.0.1/fcms/v0.1/uc.php?uid=1021
// i want to get the parameters of uid 
var uid=url.match(reg)[1];
// return uid=1021,1021
// so i need the second one

function getActivatedObject(e) {
  var obj;
  if (!e) {
    // early version of IE
    obj = window.event.srcElement;
  } else if (e.srcElement) {
    // IE 7 or later
    obj = e.srcElement;
  } else {
    // DOM Level 2 browser
    obj = e.target;
  }
  return obj;
}
function addEventHandler(obj, eventName, handler) {
  if (document.attachEvent) {
    obj.attachEvent("on" + eventName, handler);
  } else if (document.addEventListener) {
    obj.addEventListener(eventName, handler, false);
  }
}

/^[\w\.-_\+]+@[\w-]+(\.\w{2,4})+$/

function pipeline(seed/*, args */) {
  return _.reduce(_.rest(arguments),
    function(l, r) { return r(l); },
    seed);
}

var zeller = function (year,month,day){
  var c = parseInt(year/100,10);
  var y = parseInt(year%100,10);
  var m;
  if(month<3){
    y=y-1;
    month = month + 12;
  }
  m = parseInt(month,10);
  var d = parseInt(day,10);
  var w=y+Math.floor(y/4)+Math.floor(c/4)-2*c+Math.floor(26*(m+1)/10)+d-1;
  w = w % 7;
  if(w<0){
    w = w+7;
  }

  return w;
};

// http://www.cnblogs.com/rubylouvre/archive/2009/11/10/1599978.html
// object: 要处理的对象，数组，字符串
// block: 处理的函数
// context: 上下文，函数的参数
// fn: 恒为Function

function forEach(object, block, context, fn) {
  if (object == null) return;
  if (!fn) {
    if (typeof object == "function" && object.call) {
      //遍历普通对象
      fn = Function;
    } else if (typeof object.forEach == "function" && object.forEach != arguments.callee) {
      //如果目标已经实现了forEach方法，则使用它自己的forEach方法（如标准游览器的Array对象）
      object.forEach(block, context);
      return;
    } else if (typeof object.length == "number") {
      // 如果是类数组对象或IE的数组对象
      _Array_forEach(object, block, context);
      return;
    }
  }
  _Function_forEach(fn || Object, object, block, context);
};

function _Array_forEach(array, block, context) {
  if (array == null) return;
  var i = 0,length = array.length;
  if (typeof array == "string") {
    for (; i < length; i++) {
      block.call(context, array.charAt(i), i, array);
    }
  }else{
    for (;i < length; i++) {
      block.call(context, array[i], i, array);
    }
  }
};


function _Function_forEach(fn, object, block, context) {
  // 这里的fn恒为Function
  for (var key in object) {
     //只遍历本地属性
     if (object.hasOwnProperty(key)) {
      //相当于  block(object[key], key)
      block.call(context, object[key], key, object);
    }
  }
};

function print(el,index){
  alert(index+"  :  "+el)
}
forEach ([1, 2, 3], print);
forEach ({a: "aa", b: "bb",c: "cc"}, print);
forEach ("fakefish", print);
forEach(document.styleSheets,function(el){
  if(el.href) alert(el.href)
});

Object.prototype.isArray=function(){
  if (typeof this == 'object') {
    var result = this.constructor.toString().match(/array/i);
    return (result != null);
  }
  return false;
}
[].isArray(); // true
{}.isArray(); // error ?

// in Prototype
function checkUsername() {
  var usernameObject = $("username");
  usernameObj.className = "thinking";

  var username = escape(usernameObj.value);
  new Ajax.Request("checkName.php", {
    method: "get",
    parameters: "username=" + username,

    onSuccess: function(transport) {
    // transport is request object in Prototype
      if (transport.responseText == "okey") {
        $("username").className = "approved",
        $("register").disabled = false;
      } else {
        var usernamenameObject = $("username");
        usernameObject.className = "denied";
        usernameObject.focus();
        usernameObject.select();
        $("register").disabled = true;
      }
    },
    onFailure: function() { alert("Error in validation."); }
  });
}

var imageLoader = {
  loaded : true,
  loadedImage : 0,
  totalImages : 0,
  load : function(url){
    this.totalImages++;
    this.loaded = new Image();
    var image = new Image();
    image.src = url;
    image.onload = function(){
      imageLoader.loadedImage++;
      if(imageLoader.loadedImages === imageLoader.totalImages(){
        imageLoader.loaded = true;
      }
    }
    return image;  
  }
}

var CANVAS_WIDTH = 480;
var CANVAS_HEIGHT = 320;

var canvasElement = $("<canvas width='" + CANVAS_WIDTH + 
                      "' height='" + CANVAS_HEIGHT + "'></canvas>");
var canvas = canvasElement.get(0).getContext("2d");
canvasElement.appendTo('body');

var FPS = 30;
setInterval(function() {
  update();
  draw();
}, 1000/FPS);

function draw() {
  canvas.fillStyle = "#000"; // Set color to black
  canvas.fillText("Sup Bro!", 50, 50);
}

var c = document.getElementsByTagName('CANVAS')[0];
var ctx = c.getContext('2d');

var drawCircle = function (deg) {
    ctx.lineWidth = 6;

    for(var i = 1; i < 361; i++) {
        var red   = 255;
        var green = 124;
        var blue  = 36;
        var alpha = i / 360 ;
        ctx.beginPath();
        ctx.strokeStyle = 'rgba(' + [red, green, blue, alpha].join(',') + ')';
        ctx.arc(50, 50, 30, (i -1 + deg) * Math.PI / 180, (i + deg) * Math.PI / 180);
        ctx.stroke();
    }
};

var deg = 0,
    dis = 10;
var id = setInterval(function() {
    ctx.clearRect(0,0,100,100);
    deg += dis;
    if (deg > 360) { //完成一个圆的绘制后重新开始绘制
        deg = 0;
    }

    drawCircle(deg);
}, 1000/30);