(function()
{
	var guideSteps =
	[
		{
			x: 151,
			y: 575,
			radius: 150,
			tip: "../../res/guide/help6.png",
			tipx: 200,
			tipy: 250
		},
		{
			x: 883,
			y: 620,
			radius: 100,
			tip: "../../res/guide/help4.png",
			tipx: 730,
			tipy: 380
		},
		{
			x: 1128,
			y: 583,
			radius: 110,
			tip: "../../res/guide/help3.png",
			tipx: 900,
			tipy: 300
		}
	];
	var Handler = Laya.Handler;
	var Sprite = Laya.Sprite;
	var HitArea = Laya.HitArea;
	
	var step = 0;
	
	Laya.init(1285, 727, Laya.WebGL);
	var stage = Laya.stage;
	var loader = Laya.loader;
	
	stage.bgColor = "#00ffff";
	stage.alignH = "center";
	stage.alignW = "middle";
	stage.scaleMode = "showall";
	
	loader.load("../../res/guide/crazy_snowball.png", Handler.create(this, init));
	function init(e) {
	    var width = stage.width;
	    var height = stage.height;
	    
	    var bg = new Sprite();
	    stage.addChild(bg);
	    bg.texture = e;
	    bg.on("click", this, onClick);
	    
	    var guideContainer = new Sprite();
	    stage.addChild(guideContainer);
	    guideContainer.mouseEnabled = true;
	    guideContainer.cacheAs = "bitmap";
	    var hitArea = new HitArea();
	    hitArea.hit.drawRect(0, 0, width, height, "#000000");
	    guideContainer.hitArea = hitArea;
	    
	    
	    var maskArea = new Sprite();
	    guideContainer.addChild(maskArea);
	    maskArea.graphics.drawRect(0, 0, width, height, "#000000");
	    maskArea.alpha = 0.5;

        var interactionArea = new Sprite();
        guideContainer.addChild(interactionArea);
        interactionArea.blendMode = "destination-out";
        
        var tipContainer = new Sprite();
        stage.addChild(tipContainer);
        
        onClick();
        function onClick() {
            var guide = guideSteps[step++];
            
            interactionArea.graphics.clear();
            interactionArea.graphics.drawCircle(guide.x, guide.y, guide.radius, "#000000");
            
            hitArea.unHit.clear();
            hitArea.unHit.drawRect(guide.x, guide.y, guide.radius, "#000000");
            
            tipContainer.graphics.clear();
            tipContainer.loadImage(guide.tip);
            tipContainer.pos(guide.tipx, guide.tipy);
        }
	}
})();