﻿ var IE = false;
    var NS = false;
	var bname = navigator.appName;

	if(bname == "Microsoft Internet Explorer")
	    IE = true
    else
        NS = true;

function winWidth()
{
    return IE ? document.body.clientWidth : window.innerWidth;
}

function setIFSize()
{
    var t = document.getElementById("content_div");
    var c = document.getElementById("close_div");
    
    if(t != null)
    {
        var holder = (winWidth() / 2) - (840 / 2);
        
        t.style.left = (IE == true) ? holder : holder + 'px';
        c.style.left = (IE == true) ? (holder - 10) : (holder - 65) + 'px';
    }
}

window.onresize = setIFSize;

function unloadVideo()
{
    var vcd = document.getElementById("video_content_div");
    
    vcd.removeChild(document.getElementById("content_div"));
    vcd.removeChild(document.getElementById("close_div"));
    
    document.body.removeChild(document.getElementById("bg_cover_div"));
    document.body.removeChild(vcd);
}

function getVideo(gID)
{
    var h = document.getElementById("bg_cover_div");

    if(h == null)
    {
        var bcd = document.createElement("DIV");
    
        bcd.id = "bg_cover_div"
        bcd.className = "coverDiv";
    
        bcd.style.height = (IE == true) ? document.body.scrollHeight : document.body.scrollHeight + 'px';

        document.body.appendChild(bcd);
    }
        
    loadVideo(gID);

}

function loadVideo(in_video)
{
    var ajax = new AJAX();
    var querydata = "&guid=" + in_video;
    
    ajax.callHTML("/productVideo.aspx?" + querydata, "GET", "", function(res)
    {
        var h = document.getElementById("video_content_div");
        
        if(h == null)
        {
            var vcd = document.createElement("DIV");
    
            vcd.id = "video_content_div"
            vcd.className = "contentDiv";
        
            document.body.appendChild(vcd);
            
            var cd = document.createElement("DIV");
            cd.id = "content_div";
            
            vcd.appendChild(cd);
            
            cd.className = "videoDiv";
            
            
            var holder = (winWidth() / 2) - (840 / 2);
            
            cd.style.left = (IE == true) ? holder : holder + 'px';
            
            var cc = document.createElement("DIV");
            cc.id = "close_div";
            
            vcd.appendChild(cc);
            
            cc.className = "closeDiv";
            
            cc.style.left = (IE == true) ? (holder - 55) : (holder - 65) + 'px';

            //document.getElementById("close_div").innerHTML = "<a href='javascript:unloadVideo();'>close</a>";
            document.getElementById("close_div").innerHTML = "<a href='javascript:unloadVideo();'><img src='/img/m/close_off.png' id='markPriceClose' /></a>";
        }
        
        document.getElementById("content_div").innerHTML = res;
        
    });
}