VIDEO LINK |
CLOSE X';
// Insert our HTML and display the video window.
_vidPane.innerHTML=vidstring;
// Set the Y position of the video window so it's in the visible clip
var scrollTop = 0;
if (document.documentElement && document.documentElement.scrollTop)
scrollTop = document.documentElement.scrollTop;
else if (document.body)
scrollTop = document.body.scrollTop
_vidPane.style.top=scrollTop+250+'px';
_vidPane.style.left=((document.body.clientWidth/2)-200)+'px';
// Video window was hidden so we'll make it visible
_vidPane.style.display='block';
}
// return false so the browser won't follow through with A HREF clicks.
return(false);
}
////////////////////////////////////////////////////////////////////////////////
// Drag and Grab handlers
////////////////////////////////////////////////////////////////////////////////
function moveHandler(e){
// Called automatically whenever the mouse is moved after a drag event starts
if (e == null) { e = window.event } // Get event data, if it wasn't passed, get it IE style.
if ( _dragOK ){ // is our global var set to true? is it ok to move the object?
_savedTarget.style.left=e.clientX-_dragXoffset+'px'; //OK to move, calculate the offset and move it
_savedTarget.style.top=e.clientY-_dragYoffset+'px'; // calculate the y offset and move it.
return false; // return false so browser doesn't try to do anything else.
} // End _dragOK check
} // End moveHandler
function cleanup(e) {
// Called whenever user lets up off a mouse button after a drag event starts
document.onmousemove=null; // Turn off the mousemove event (won't call moveHandler() now).
document.onmouseup=null; // Turn off the mouseup event (won't call cleanup() now).
_savedTarget.style.cursor=_orgCursor; // Restore original mouse shape
_dragOK=false; // Turn off the global constant we look for before moving stuff.
}
function dragHandler(e){
// Called automatically when user holds down the mouse button
var cursorType='-moz-grabbing'; // Set mouse type to grabbing hand
if (e == null) { e = window.event; cursorType='move';} // This is IE so get event info IE style
var target = e.target != null ? e.target : e.srcElement; // Save object of the event
if (target.className=="vidFrame") { // Did mouse go down over our dragable object?
_orgCursor=target.style.cursor; // Remember the current mouse shape
_savedTarget=target; // Remember the object we're working with
target.style.cursor=cursorType; // change mouse to "grab" icon
_dragOK=true; // When true, movehandler will move the window
_dragXoffset=e.clientX-parseInt(_savedTarget.style.left); // Remember current X offset
_dragYoffset=e.clientY-parseInt(_savedTarget.style.top); // Remember current Y offset
document.onmousemove=moveHandler; // Call moveHandler() when mouse moves
document.onmouseup=cleanup; // Call cleanup() when user lets go of mouse btn
return false; // IMPORTANT return false so browser doesn't do anything else.
} // End Click on classname = object check
} // End function dragHandler
// Start the event handler. When mouse is clicked, call dragHandler()
document.onmousedown=dragHandler;
// Initialize global variables.
var _savedTarget=null; // The target layer (effectively vidPane)
var _orgCursor=null; // The original Cursor (mouse) Style so we can restore it
var _dragOK=false; // True if we're allowed to move the element under mouse
var _dragXoffset=0; // How much we've moved the element on the horozontal
var _dragYoffset=0; // How much we've moved the element on the verticle
var _vidPane = null; // Video Layer -- won't be defined until a video is called
var _blackout= null; // blackout Layer. -- won't be defined until a video is called.