var object = null;
	var cX = 0;
	var cY = 0;
	
	function initMessage () {
	
	     document.onmousedown = pickItMessage;
	     document.onmousemove = dragItMessage;
	     document.onmouseup   = dropItMessage;
	}
	function pickItMessage(evt) {
	
	     var evt = (evt) ? evt : ((window.event) ? window.event : null);
	     objectID = (evt.target) ? evt.target.id : ((evt.srcElement) ? evt.srcElement.id : null);
	     
	     if (objectID.indexOf('topBar')!= -1) 
	     	object = document.getElementById (objectID);
	     if (object) {
			object.style.zIndex = 100;
	     	cX = evt.clientX - object.offsetLeft;
	     	cY = evt.clientY - object.offsetTop;
	     	return;
	   	}
	   	else {
	       object = null;
	       return;
		}
	}
	function dragItMessage(evt) {
		 evt = (evt) ? evt : ((window.event) ? window.event : null);
	     if (object) {
	     	var object1 = document.getElementById('messageBox'); 
	        object1.style.left = evt.clientX - cX + 'px';
	        object1.style.top  = evt.clientY - cY + 'px';
	        return false;
		 }
	}
	
	function dropItMessage() {
	
		if (object) {
	        object.style.zIndex = 0;
	        object = null;
	        return false;
		}
	}
	
	var topBarDiv = null;
	var closeDiv  = null;
	var containerObject = null;
	var messageContainer = null;
	var exitImage = null;
	var exitButton = null;
	var messageImage = null;
	
	function viewMessageBox( imageObject ){
		
		var containerObject = document.getElementById('messageBox'); 
		
			if( document.getElementById("topBar") == null  ){
				topBarDiv = document.createElement('DIV');
			}
			topBarDiv.setAttribute("id","topBar");
			topBarDiv.innerHTML="";
			topBarDiv.className='topBar';
			//topBarDiv.style.marginLeft="-10px";
			
			if( document.getElementById("close") == null  ){
				closeDiv  = document.createElement('DIV');
			}
			closeDiv.setAttribute("id","close");
			closeDiv.className='closeDiv';
			closeDiv.style.marginLeft="680px";
			
			if( document.getElementById("exitButton") == null ){
				exitButton = document.createElement('A');
			}
			exitButton.setAttribute("id","exitButton");
			exitButton.setAttribute("href","javascript:void closeWindow()");
			
			if ( document.getElementById("exitImage") == null  ){
				exitImage  = document.createElement('IMG');	
			}
		    exitImage.setAttribute("id","exitImage");
			exitImage.setAttribute("src","images/window-close-over.gif");
			exitImage.setAttribute("border","0");
			exitImage.setAttribute("width","22");
			exitImage.setAttribute("height","19");
			exitImage.className='exitImage';
			exitButton.appendChild(exitImage);
			//closeDiv.appendChild(exitButton);
		
			if( document.getElementById("messageContainer") == null  ){
				 messageContainer = document.createElement('DIV');
			}
			messageContainer.setAttribute("id","messageContainer");
			messageContainer.className='messageContainer';
			
			var fileType = document.forms[0].elements["fileType"].value;
			if( fileType == "I"){
				
				if ( document.getElementById("messageImage") == null  ){
					messageImage  = document.createElement('IMG');
				}
				messageImage.setAttribute("id","messageImage");
				messageImage.setAttribute("src",imageObject);
				messageImage.setAttribute("border","1");
				messageImage.setAttribute("align","center");
				messageContainer.appendChild(  messageImage );	
			}else{
				var videoObject = document.getElementById("videoPlayer")
				if( videoObject != null ){
					videoObject.style.display ="inline";
					messageContainer.appendChild(  videoObject );
				}
			}
			
		    containerObject.appendChild(topBarDiv);
		    containerObject.appendChild(exitButton);
		    containerObject.appendChild(messageContainer);
		
		    containerObject.style.top  = (screen.width/2)-500;
		    containerObject.style.left = (screen.height/2)-250; 
		
		    containerObject.style.width="700px";
		    containerObject.style.height="500px";
		    containerObject.style.visibility = 'visible';	    
	}
	
	function closeWindow(){
		containerObject = document.getElementById('messageBox');
		containerObject.style.visibility = 'hidden';
	}