var _elementID;
var _xOffset = 15;
var _yOffset = 15;

// Disabled moving of layer
function GetMouseX(event) {
    if (!event) {
        event = window.event;
    }

    if (event.pageX) {
        return event.pageX;
    }
    else if (event.clientX) {
        return event.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft);
    }
    else {
        return 0;
    }
}
// Disabled moving of layer
function GetMouseY(event) {
    if (!event) {
        event = window.event;
    }

    if (event.pageY) {
        return event.pageY;
    }
    else if (event.clientY) {
        return event.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
    }
    else {
        return 0;
    }
}

function Follow(event) {
    if (document.getElementById) {
        var element = document.getElementById(_elementID);

        if (element != null) {
            var style = element.style;
            //style.left = (parseInt(GetMouseX(event)) + _xOffset) + 'px';
            //style.top = (parseInt(GetMouseY(event)) + _yOffset) + 'px';
            style.visibility = 'visible';
        }
    }
}

function Show(elementID) {
    if (document.getElementById) {
        _elementID = elementID;

        var element = document.getElementById(_elementID).style;
        element.visibility = 'visible';
        
        document.onmousemove = Follow;
    }
}

function Hide(elementID) {
    if (document.getElementById) {
        _elementID = elementID;

        document.frmComment.comments.value = '';
        
        var element = document.getElementById(_elementID).style;
        element.visibility = 'hidden';

        document.onmousemove = '';
    }
}

// Comment Popup - process form submit
function SubmitComment(elementID) {
    if (document.frmComment.comments.value == '') {
        alert("Please enter your comment before you submit one!");
    }
    else {
        if (document.getElementById) {
            _elementID = elementID;

            document.frmComment.submit();
            
        } 
    }
}

function DisplayLayer(elementID) {
    if (document.getElementById) {
        _elementID = elementID;

        var element = document.getElementById(_elementID).style;
        element.display = 'block';
    }
}
function RemoveLayer(elementID) {
    if (document.getElementById) {
        _elementID = elementID;

        var element = document.getElementById(_elementID).style;
        element.display = 'none';
    }
}

var secs;
var timerID = null;
var timerRunning = false;
var delay = 1000;

function StartVideoTimer() {
    if (secs == 0) {
        StopTheClock();
        Show('imgDiv');
        Hide('vidDiv');
        
    }
    else {
        self.status = secs;
        secs = secs - 1;
        timerRunning = true;
        timerID = self.setTimeout("StartVideoTimer()", delay);
    }
}

function InitializeTimer() {
    // Set the length of the timer, in seconds
    secs = 33;
    StopTheClock();

}

function StopTheClock() {
    if (timerRunning)
        clearTimeout(timerID);
    timerRunning = false;
}
function onYouTubePlayerReady(playerId) {
    alert("video loaded");
    ytplayer = document.getElementById("myytplayer");
}

function play() {
    if (ytplayer) {
        alert("play it");
        ytplayer.playVideo();
    }
}

function showVideo(elementID) {
    if (document.getElementById) {
        _elementID = elementID;

        var element = document.getElementById(_elementID).style;

        if (element.visibility != 'hidden') {
            document.write('<iframe width="604" height="335" src="http://www.youtube.com/embed/YZb0JSghxBQ?rel=0&autoplay=1" frameborder="0" allowfullscreen></iframe>');
        }
    }
}