// Determine browser and version.
function Browser() {

  var ua, s, i;

  this.isIE    = false;
  this.isNS    = false;
  this.version = null;

  ua = navigator.userAgent;

  s = "MSIE";
  if ((i = ua.indexOf(s)) >= 0) {
    this.isIE = true;
    this.version = parseFloat(ua.substr(i + s.length));
    return;
  }

  s = "Netscape6/";
  if ((i = ua.indexOf(s)) >= 0) {
    this.isNS = true;
    this.version = parseFloat(ua.substr(i + s.length));
    return;
  }

  // Treat any other "Gecko" browser as NS 6.1.

  s = "Gecko";
  if ((i = ua.indexOf(s)) >= 0) {
    this.isNS = true;
    this.version = 6.1;
    return;
  }
}

var browser = new Browser();

var dragObj = new Object();
dragObj.zIndex = 1000010;

function dragStart(event, id) {
    var el;
    var x;
    var y;

    // If an element id was given, find it. Otherwise use the element being
    // clicked on.
    if (id){
        dragObj.elNode = document.getElementById(id);
    } else {
        if (browser.isIE) dragObj.elNode = window.event.srcElement;
        if (browser.isNS) dragObj.elNode = event.target;
        // If this is a text node, use its parent element.
        if (dragObj.elNode.nodeType == 3) dragObj.elNode = dragObj.elNode.parentNode;
    }
    
    // Get cursor position with respect to the page.
    if (browser.isIE) {
        x = window.event.clientX + document.documentElement.scrollLeft + document.body.scrollLeft;
        y = window.event.clientY + document.documentElement.scrollTop + document.body.scrollTop;
    }
    if (browser.isNS) {
        x = event.clientX + window.scrollX;
        y = event.clientY + window.scrollY;
    }

    // Save starting positions of cursor and element.
    dragObj.cursorStartX = x;
    dragObj.cursorStartY = y;
    dragObj.elStartLeft  = parseInt(dragObj.elNode.style.left, 10);
    dragObj.elStartTop   = parseInt(dragObj.elNode.style.top,  10);

    if (isNaN(dragObj.elStartLeft)) dragObj.elStartLeft = 0;
    if (isNaN(dragObj.elStartTop))  dragObj.elStartTop  = 20;

    // Update element's z-index.
    dragObj.elNode.style.zIndex = 1000010; //++dragObj.zIndex;
    
    // Capture mousemove and mouseup events on the page.
    if (browser.isIE) {
        document.attachEvent("onmousemove", dragGo);
        document.attachEvent("onmouseup",   dragStop);
        window.event.cancelBubble = true;
        window.event.returnValue = false;
    }
    if (browser.isNS) {
        document.addEventListener("mousemove", dragGo,   true);
        document.addEventListener("mouseup",   dragStop, true);
        event.preventDefault();
    }
}

function dragGo(event) {
    var x;
    var y;

    // Get cursor position with respect to the page.
    if (browser.isIE) {
        x = window.event.clientX + document.documentElement.scrollLeft + document.body.scrollLeft;
        y = window.event.clientY + document.documentElement.scrollTop + document.body.scrollTop;
    }
    if (browser.isNS) {
        x = event.clientX + window.scrollX;
        y = event.clientY + window.scrollY;
    }
    
    // Move drag element by the same amount the cursor has moved.
    dragObj.elNode.style.left = (dragObj.elStartLeft + x - dragObj.cursorStartX) + "px";
    dragObj.elNode.style.top  = (dragObj.elStartTop  + y - dragObj.cursorStartY) + "px";
    
    if (browser.isIE) {
        window.event.cancelBubble = true;
        window.event.returnValue = false;
    }
    if (browser.isNS) event.preventDefault();
}

function dragStop(event) {
    // Stop capturing mousemove and mouseup events.
    if (browser.isIE) {
        document.detachEvent("onmousemove", dragGo);
        document.detachEvent("onmouseup",   dragStop);
    }
    if (browser.isNS) {
        document.removeEventListener("mousemove", dragGo,   true);
        document.removeEventListener("mouseup",   dragStop, true);
    }
}

function opacity(id, opacStart, opacEnd, millisec) { 
    //speed for each frame 
    var speed = Math.round(millisec / 100); 
    var timer = 0; 
    var d = document.getElementById(id);

    //determine the direction for the blending, if start and end are the same nothing happens 
    if(opacStart > opacEnd) { 
        for(i = opacStart; i >= opacEnd; i--) { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        }
        d.style.visibility='hidden';
        d.style.left='-10000px';
        //d.style.width='0px';
        //d.style.height='0px';
    } else if(opacStart < opacEnd) { 
        for(i = opacStart; i <= opacEnd; i++) 
            { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
        
    } 
} 

//change the opacity for different browsers 
function changeOpac(opacity, id) { 
    var object = document.getElementById(id).style; 
    object.opacity = (opacity / 100); 
    object.MozOpacity = (opacity / 100); 
    object.KhtmlOpacity = (opacity / 100); 
    object.filter = "alpha(opacity=" + opacity + ")"; 
}


var WinH = 2000;
var WinW = 3000;
var showfadedbg = false;
var divname = '';

function ShowVideoOverlay(show,div,panel,vid,restart,path){
    if (parseInt(navigator.appVersion)>3) {
        
        //if (navigator.appName.indexOf("Microsoft")!=-1) {
        if (browser.isIE){
            WinH = document.body.offsetHeight;
            WinW = document.body.offsetWidth;
        } else {
            WinH = window.innerHeight;
            WinW = window.innerWidth;
        }
        var d = document.getElementById(div);
        var v = document.getElementById(vid);
        var p = document.getElementById(panel);
        var c = document.getElementById('divVidContainer');
        var sh1 = document.getElementById('divDropShadow1');
        var sh2 = document.getElementById('divDropShadow2');
        var sh3 = document.getElementById('divDropShadow3');
        var sh4 = document.getElementById('divDropShadow4');
        
        //d.innerText = 'Width='+WinW+'   Height='+WinH;
        if (show==true){
            v.style.visibility='visible';
            v.style.left='0px';
            d.style.visibility='visible';
            d.style.width=WinW+'px';
            d.style.height=WinH+'px';
            p.style.visibility='visible';
            c.style.visibility='visible';
            //p.style.top='100px';
            if (restart==true) {
                //opacity(panel, 0, 100, 1000);
                if (WinW>810) {
                    p.style.left='0px'; //p.style.left;
                    //c.style.left=((WinW-810)/2)+'px'; //Center
                    c.style.left='20px'; //Left
                    sh1.style.left=p.style.left;
                    sh2.style.left=p.style.left;
                    sh3.style.left=p.style.left;
                    sh4.style.left=p.style.left;
                } else {
                    p.style.left='0px';
                    c.style.left='0px';
                    sh1.style.left='0px';
                    sh2.style.left='0px';
                    sh3.style.left='0px';
                    sh4.style.left='0px';
                }
            }
            if (restart==true){
                //v.innerHTML = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="800" height="680">';
                //v.innerHTML = '<param name=movie value="WebDemoLarge.swf"><param name=quality value=high><param name="wmode" value="transparent">';
                //v.innerHTML = '<embed src="WebDemoLarge.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="800" height="680" wmode="transparent"></embed></object>';
                loadFlashDemoLayer(vid,path);
            }
        } else {
            v.style.visibility='hidden';
            v.style.left='-10000px';
            d.style.visibility='hidden';
            d.style.width='0px';
            d.style.height='0px';
            p.style.visibility='hidden';
            c.style.visibility='hidden';
            //p.style.top='-1000px';
            p.style.left='-10000px';
            sh1.style.left='-10000px';
            sh2.style.left='-10000px';
            sh3.style.left='-10000px';
            sh4.style.left='-10000px';
            v.innerHTML = '';
            
        }
    }
}

function ShowVideoPopup(URL,Title,w,h){
    var width = '727';
    var height = '606';
    if(w!=undefined){ width = w; }
    if(h!=undefined){ height = h; }
    var w = window.open(URL,'','toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width='+width+',height='+height);
    //w.document.write('');
    /*
    w.document.write('<body style="margin:0px;">');
    w.document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="800" height="680">');
    w.document.write('<param name=movie value="WebDemo.swf"><param name=quality value=high><param name="wmode" value="transparent">');
    w.document.write('<embed src="WebDemo.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="800" height="680" wmode="transparent"></embed></object>');
    w.document.write('</body>');   
    */
}