/**
 * VideoTutorial static class
 *
 * require:
 * 		swfobject.js
 * 		effects.js
 */
var VideoTutorial = {

    /**
     * Page body element
     */
    objBody: null,
    
    /**
     * Overlayer
     */
    overlayer: null,
    
    /**
     * Last vertical scroll
     */
    lastVscroll: 0,
    
    init: function(){
        VideoTutorial.objBody = document.getElementsByTagName("body").item(0);
        
        var windowHeight = (window.innerHeight) ? window.innerHeight : document.documentElement.clientHeight;
        var height = (VideoTutorial.objBody.offsetHeight > windowHeight) ? VideoTutorial.objBody.offsetHeight : windowHeight;
        
        VideoTutorial.overlayer = document.createElement("div");
        VideoTutorial.overlayer.id = "vt_overlayer";
        VideoTutorial.overlayer.style.display = "none";
        VideoTutorial.overlayer.style.position = "absolute";
        VideoTutorial.overlayer.style.textAlign = "center";
        VideoTutorial.overlayer.style.top = 0;
        VideoTutorial.overlayer.style.left = 0;
        VideoTutorial.overlayer.style.height = height + "px";
        VideoTutorial.overlayer.style.width = VideoTutorial.objBody.offsetWidth + "px";
        VideoTutorial.overlayer.style.backgroundColor = "#000000";
        
        VideoTutorial.objBody.appendChild(VideoTutorial.overlayer);
        
        // Find #vt_xxx href in A tags
        var aLinks = document.getElementsByTagName("a");
        
        for (var i = 0; i < aLinks.length; i++) {
            var oLink = aLinks[i];
            
            if (oLink.getAttribute("href").search(/#vt_/) > -1) {
                var sFile = oLink.getAttribute("href").replace(/^[^#]*#vt_/, '');
                oLink.file = sFile;
                oLink.setAttribute("href", "javascript:void(null)");
                oLink.onclick = function(e){
                    VideoTutorial.show(this.file);
                };
            }
        }
    },
    
    /**
     * Show tutorial
     * @param {String} file as file.swf
     */
    show: function(file){
        VideoTutorial.overlayer.innerHTML = "";
        Element.setOpacity(VideoTutorial.overlayer, 0);
        Effect.Appear('vt_overlayer', {
            duration: 0.5
        });
        
        try {
            var iScrollTop = document.documentElement.scrollTop;
        } 
        catch (e) {
        }
        
        VideoTutorial.lastVscroll = iScrollTop;
        
        VideoTutorial.objBody.style.overflow = 'hidden';
        VideoTutorial.overlayer.style.width = VideoTutorial.objBody.offsetWidth + "px";
        
        setTimeout("VideoTutorial._loadPlayer('" + file + "')", 1000);
        //VideoTutorial._loadPlayer(file);
    },
    
    _loadPlayer: function(fileName){
        window.scroll(0, 0);
        var windowHeight = (window.innerHeight) ? window.innerHeight : document.documentElement.clientHeight;
        var _y = Math.round((windowHeight - 500) / 2);
        
        if (!document.all) {
            VideoTutorial.overlayer.style.paddingTop = _y + "px";
        }
        
        var oPlayer = new SWFObject(fileName, "vt_swf", 1015, 500, "8", "#000000");
        oPlayer.write('vt_overlayer');
        
    },
    
    hide: function(){
        VideoTutorial.objBody.style.overflow = '';
        VideoTutorial.overlayer.innerHTML = "";
        window.scroll(0, VideoTutorial.lastVscroll);
        Effect.Fade('vt_overlayer', {
            duration: 0.5
        });
    }
}


// Init VideoTutorial
if (!document.all) {
    window.addEventListener('load', VideoTutorial.init, false);
}
else {
    window.attachEvent('onload', VideoTutorial.init);
}