THUTHACH/WebChallenge/WebChallenge/wwwroot/games/G11/js/CMenu.js

function CMenu(){
    var _iFrameRate = 1000/10;
    var _iSetTimeout;
    
    var _oResetPanel = null;
    var _oBg;
    var _oButPlay;
    var _oButContinue;
    var _oFade;
    var _oAudioToggle;
    var _oButInfo;
    var _oButFullscreen;
    var _fRequestFullScreen = null;
    var _fCancelFullScreen = null;
    
    var _pStartPosAudio;
    var _pStartPosInfo;
    var _pStartPosFullscreen;
    
    var _aSpritesAnimation = new Array();
    
    this._init = function(){
        setVolume("soundtrack", 1);
        _oBg = createBitmap(s_oSpriteLibrary.getSprite('bg_menu'));
        s_oStage.addChild(_oBg);
            
        if(localStorage.getItem("LevelReached") !== null){
            s_iLevelReached = localStorage.getItem("LevelReached");
            s_aScores = JSON.parse(localStorage.getItem("Scores"));
        }
            
        if(DISABLE_SOUND_MOBILE === false || s_bMobile === false){
            var oSprite = s_oSpriteLibrary.getSprite('audio_icon');
            _pStartPosAudio = {x: CANVAS_WIDTH - (oSprite.height/2)- 10, y: (oSprite.height/2) + 10};            
            _oAudioToggle = new CToggle(_pStartPosAudio.x,_pStartPosAudio.y,oSprite,s_bAudioActive);
            _oAudioToggle.addEventListener(ON_MOUSE_UP, this._onAudioToggle, this);    
        }
        
        var oSprite = s_oSpriteLibrary.getSprite('but_credits');
        _pStartPosInfo = {x: (oSprite.height/2)+ 10, y: (oSprite.height/2) + 10}; 
        _oButInfo = new CGfxButton(_pStartPosInfo.x,_pStartPosInfo.y,oSprite);
        _oButInfo.addEventListener(ON_MOUSE_UP, this._onCredits, this);
        
        var doc = window.document;
        var docEl = doc.documentElement;
        _fRequestFullScreen = docEl.requestFullscreen || docEl.mozRequestFullScreen || docEl.webkitRequestFullScreen || docEl.msRequestFullscreen;
        _fCancelFullScreen = doc.exitFullscreen || doc.mozCancelFullScreen || doc.webkitExitFullscreen || doc.msExitFullscreen;
        
        if(ENABLE_FULLSCREEN === false){
            _fRequestFullScreen = false;
        }
        
        if (_fRequestFullScreen && screenfull.enabled){
            oSprite = s_oSpriteLibrary.getSprite('but_fullscreen');
            _pStartPosFullscreen = {x:_pStartPosInfo.x + oSprite.width/2 + 10,y:oSprite.height/2 + 10};

            _oButFullscreen = new CToggle(_pStartPosFullscreen.x, _pStartPosFullscreen.y, oSprite, s_bFullscreen, s_oStage);
            _oButFullscreen.addEventListener(ON_MOUSE_UP, this._onFullscreenRelease, this);
        }
        
        for( var i=1; i < 22; i++){
            _aSpritesAnimation.push(createBitmap(s_oSpriteLibrary.getSprite('bg_menu_animation_'+i)));
            s_oStage.addChild(_aSpritesAnimation[i-1]);
            _aSpritesAnimation[i-1].visible = false;
        }
        
        this.playAnimation(0);

        _oFade = new createjs.Shape();
        _oFade.graphics.beginFill("black").drawRect(0,0,CANVAS_WIDTH,CANVAS_HEIGHT);
        
        s_oStage.addChild(_oFade);
        
        createjs.Tween.get(_oFade).to({alpha:0}, 1000).call(function(){_oFade.visible = false;});  

        if(!s_bStorageAvailable){
            new CMsgBox(TEXT_ERR_LS,s_oStage);
        }
        
        this.refreshButtonPos(s_iOffsetX,s_iOffsetY);
    };
    
    this.playAnimation = function(i){
        if(i === 0){
            _aSpritesAnimation[i].visible = true;
            
            if(localStorage.getItem("LevelReached") === null){
                var oSprite = s_oSpriteLibrary.getSprite('but_play');
                _oButPlay = new CGfxButton((CANVAS_WIDTH/2),CANVAS_HEIGHT+100,oSprite);
                _oButPlay.moveInPosition((CANVAS_WIDTH/2),CANVAS_HEIGHT -225);
                _oButPlay.addEventListener(ON_MOUSE_UP, this._onButPlayRelease, this);
                _oButPlay.pulseAnimation();
            }else{
                var oSprite = s_oSpriteLibrary.getSprite('but_play');
                _oButPlay = new CGfxButton((CANVAS_WIDTH/2-125),CANVAS_HEIGHT +100,oSprite);
                _oButPlay.moveInPosition((CANVAS_WIDTH/2-125),CANVAS_HEIGHT -225);
                _oButPlay.addEventListener(ON_MOUSE_UP, this._onButPlayRelease, this);

                var oSprite = s_oSpriteLibrary.getSprite('but_continue');
                _oButContinue = new CGfxButton((CANVAS_WIDTH/2+125),CANVAS_HEIGHT +100,oSprite);
                _oButContinue.moveInPosition((CANVAS_WIDTH/2+125),CANVAS_HEIGHT -225);
                _oButContinue.addEventListener(ON_MOUSE_UP, this._onButContinueRelease, this);
                _oButContinue.pulseAnimation();
            }
        }
        if(i > 0){
            _aSpritesAnimation[i-1].visible = false;
            _aSpritesAnimation[i].visible = true;
        }
        if(i < _aSpritesAnimation.length-1){
            _iSetTimeout = setTimeout(function(){s_oMenu.playAnimation(i+1);},_iFrameRate); 
        }
        
    };
    
    this.unload = function(){
        _oButPlay.unload(); 
        if(_oButContinue){
            _oButContinue.unload();
        }
        _oButPlay = null;
        _oFade.visible = false;
        
        clearTimeout(_iSetTimeout);
        
        if(DISABLE_SOUND_MOBILE === false || s_bMobile === false){
            _oAudioToggle.unload();
            _oAudioToggle = null;
        }
        
        if (_fRequestFullScreen && screenfull.enabled){
            _oButFullscreen.unload();
        }
        
        s_oStage.removeAllChildren();
        s_oMenu = null;
    };
    
    this.refreshButtonPos = function(iNewX,iNewY){
        if(DISABLE_SOUND_MOBILE === false || s_bMobile === false){
            _oAudioToggle.setPosition(_pStartPosAudio.x - iNewX,iNewY + _pStartPosAudio.y);
        }
        if (_fRequestFullScreen && screenfull.enabled){
            _oButFullscreen.setPosition(_pStartPosFullscreen.x + iNewX,_pStartPosFullscreen.y + iNewY);
        }
        _oButInfo.setPosition(_pStartPosInfo.x + iNewX,iNewY + _pStartPosInfo.y);
    };
    
    this._onAudioToggle = function(){
        Howler.mute(s_bAudioActive);
        s_bAudioActive = !s_bAudioActive;
    };
    
    this._onButPlayRelease = function(){
        
        $(s_oMain).trigger("start_session");
        
        if (isIOS() && (s_oSoundTrack === null || s_oSoundTrack === undefined)){
            s_oSoundTrack = playSound('soundtrack', 1, true);
        }
        
		s_oMain.gotoGame(1);
        //if(1=1 or localStorage.getItem("LevelReached") === null){
        //    this.unload();
        //    s_oMain.gotoLevelMenu();
        //}else{
        //    if(_oResetPanel === null){
        //        _oResetPanel = new CConfirmPanel(TEXT_RESET, CONFIRMATION_RESET);
        //        _oResetPanel.addEventListener(ON_BUT_NO_DOWN, this._onButReset, this);
        //        _oResetPanel.addEventListener(ON_BUT_YES_DOWN, this._onButContinue, this);
        //    }
        //}
    };
    
    this._onCredits = function(){
        new CCreditsPanel();
    };
    
    this._onButReset = function(){
        _oResetPanel.unload();
        _oResetPanel = null;
    };
    
    this._onButContinue = function(){
        this.removeLocalStorage();
        this.unload();
        
        
        s_oMain.gotoGame(1);
        //s_oMain.gotoLevelMenu();        
    };
    
    this._onButContinueRelease = function(){
        this.unload();
        
        if (isIOS() && (s_oSoundTrack === null || s_oSoundTrack === undefined)){
            s_oSoundTrack = playSound('soundtrack', 1, true);
        }
        s_oMain.gotoGame(1);
        //s_oMain.gotoLevelMenu();
    };
    
    this.unloadVariousHelp = function(){
        _oResetPanel.unload();
        _oResetPanel = null;
    };
    
    this.removeLocalStorage = function(){
        
        localStorage.removeItem("LevelReached");
        localStorage.removeItem("Scores");
        
        s_iLevelReached = 1;
        s_aScores = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0]; 
    }
	
    this.resetFullscreenBut = function(){
	if (_fRequestFullScreen && screenfull.enabled){
		_oButFullscreen.setActive(s_bFullscreen);
	}
    };
    
    this._onFullscreenRelease = function(){
        if(s_bFullscreen) { 
		_fCancelFullScreen.call(window.document);
	}else{
		_fRequestFullScreen.call(window.document.documentElement);
	}
	
	sizeHandler();
    };
    
    s_oMenu = this;
    
    this._init();
}

var s_oMenu = null;