var VideoBox =
{
    Back:      null,
    Box:       null,
    Flash:     null,
    OldScroll: null,
    OldResize: null,
    Load:      function() 
    {
        var div = document.createElement("div")
        div.innerHTML = '<div id="vidback" style="position: fixed; visibility: hidden; display: none; top: 0px; left: 0px; height: 100%; width: 100%; background-color: #000000; opacity: 0.80; -moz-opacity: 0.80; filter: alpha(opacity=80); z-index: 10000;"></div><div id="vidbox" style="position: absolute; visibility: hidden; display: none; top: 0px; left: 0px; z-index: 10001; width: 100%; height: 100%;"><center><div id="vidbox" class="vidshadow" style="margin-top: 100px; height: 382px; width: 661px; background: url(\'/images/bg_glry_video2.png\') no-repeat;"><div class="vidbox"><div id="videobox" style="width: 641px; height: 362px; padding: 10px 10px 8px 10px;"></div><div style="text-align: right; color: #FFFFFF; font: 14px arial; text-transform: uppercase; cursor: pointer; margin-right: 7px;" onclick="VideoBox.Close()">Close</div></div></div></center></div>'
        document.body.appendChild(div)

        VideoBox.Back  = $get('vidback')
        VideoBox.Box   = $get('vidbox')
        VideoBox.Flash = $get('videoflash')
        
        if ((Sys.Browser.agent == Sys.Browser.InternetExplorer) && (Sys.Browser.version < 7)) 
        {
            VideoBox.Back.style.position = 'absolute'

            VideoBox.OldScroll = window.onresize
            VideoBox.OldResize = window.onscroll

            window.onscroll = function() 
            {
                if (VideoBox.OldScroll) VideoBox.OldScroll()
                VideoBox.Scroll()
            }
            window.onresize = function() 
            {
                if (VideoBox.OldResize) VideoBox.OldResize()
                VideoBox.Resize()
            }
        }
    },
    Open: function(videoname,videopath)
    {
        var so = new SWFObject("/swf/VideoPlayer_f4v.swf", "/swf/VideoPlayer_f4v.swf", "640", "360", "9");

        so.addParam("scale", "noscale");
        so.addParam("salign", "tl");
        so.addParam("wmode", "transparent");
        so.addVariable("videoTitle", escape(videoname));
        so.addVariable("videoPath",  escape(videopath));
        so.write("videobox");

        VideoBox.Expand(VideoBox.Back)
        VideoBox.Expand(VideoBox.Box)
    },
    Close: function()
    {
        $get('videobox').innerHTML = ''
        VideoBox.Collapse(VideoBox.Back)
        VideoBox.Collapse(VideoBox.Box)
    },
    Resize: function() 
    {
        VideoBox.Back.style.height = document.documentElement.clientHeight + document.documentElement.scrollTop  + "px"
        VideoBox.Back.style.width  = document.documentElement.clientWidth  + document.documentElement.scrollLeft + "px"
        VideoBox.Box .style.height = document.documentElement.clientHeight + document.documentElement.scrollTop  + "px"
        VideoBox.Box .style.width  = document.documentElement.clientWidth  + document.documentElement.scrollLeft + "px"
    },
    Scroll: function() 
    {
        VideoBox.Back.style.height = document.documentElement.clientHeight + document.documentElement.scrollTop  + "px"
        VideoBox.Back.style.width  = document.documentElement.clientWidth  + document.documentElement.scrollLeft + "px"
        VideoBox.Box .style.height = document.documentElement.clientHeight + document.documentElement.scrollTop  + "px"
        VideoBox.Box .style.width  = document.documentElement.clientWidth  + document.documentElement.scrollLeft + "px"
    },
    Collapse: function(el) 
    {
        if (el) 
        {
            el.style.visibility = 'hidden'
            el.style.display    = 'none'
        }
    },
    Expand: function(el) 
    {
        if (el) 
        {
            el.style.visibility = 'visible'
            el.style.display    = 'block'
        }
    }
}

Sys.Application.add_load(VideoBox.Load)