// JavaScript Document



function getButtons(yes,no) {
		if(!yes){
			yes = 'cancelMsgBox(this)'
		} else {
			yes = yes+'; cancelMsgBox(this)';
		}
		if(!no) {
			no = 'cancelMsgBox(this)'
		} else {
			no = no+'; cancelMsgBox(this)'

		}

              var close = 'cancelMsgBox(this)'
		var buttonDiv         = Builder.node('div',{});
		var cancelButton      = Builder.node('button',{onclick: no, className:'removeButton', alt:'Cancel'});
		var continueButton    = Builder.node('button',{onclick: yes, className:'addButton', alt:'Continue'});

		cancelButton.innerHTML = "No";
		continueButton.innerHTML = "Yes";
		
		buttonDiv.appendChild(cancelButton);
		buttonDiv.appendChild(continueButton);
		
		return buttonDiv;
		
}

function createCancelButton() {

              var close = 'cancelMsgBox(this)';

		var buttonDiv         = Builder.node('div',{});
		var cancelButton      = Builder.node('button',{onclick: close, className:'removeButton', alt:'Cancel'});
		cancelButton.innerHTML = "Cancel";

		
		buttonDiv.appendChild(cancelButton);
		
		return buttonDiv;
		
}


function createContinueButton() {

              var close = 'cancelMsgBox(this)';

		var buttonDiv         = Builder.node('div',{});
		var continueButton      = Builder.node('button',{onclick: close, className:'addButton', alt:'Continue'});
		continueButton.innerHTML = "Continue";

		
		buttonDiv.appendChild(continueButton);
		
		return buttonDiv;
		
}


function getScrollY() {
		var scrOfX = 0, scrOfY = 0;
		if( typeof( window.pageYOffset ) == 'number' ) {
			//Netscape compliant
			scrOfY = window.pageYOffset;
		} else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
			//DOM compliant
			scrOfY = document.body.scrollTop;
		} else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
			//IE6 standards compliant mode
			scrOfY = document.documentElement.scrollTop;
		}
		return scrOfY ;
	}
      
		
function closeMsgBox(msgBox){
	// crazy line to make IE Work.
	msgBox = $($(msgBox).up()).up();
	new Effect.Fade(msgBox, { duration: 0.15, afterFinish: function (msgbox) {msgBox.remove();}});

}
function cancelMsgBox(msgBox){
	// crazy line to make IE Work.
	msgBox = $($(msgBox).up()).up();
	new Effect.Fade(msgBox, { duration: 0.15, afterFinish: function (msgbox) {msgBox.remove();}});

}

function showErrorMessage(title,html) {

   var button = createContinueButton();
    createMessageBox(title,html,button);

	//alert('error');
}

function loadedJavascriptMsg() {

   var button = createContinueButton();
    createMessageBox("Javascript Loaded","The Javascript for this page has loaded sucessfully. You may continue",button);

	//alert('error');
}
function yesNoMsg(title,html,yes,no) {
    var buttons = getButtons(yes,no)
    createMsgBox(title,html,buttons);

}



	function createMessageBox(title,html,buttons) {
		
//	   html = "<p>Are you sure you would like to log out? Your settings will not be saved.</p>";
//	   title = "Log Out";
	
		
		
		//var shaddowDiv    = Builder.node('div',{className:"pieceShaddow"});
		var messageDiv    = Builder.node('div',{className:"piece"});
		var messageHandle = Builder.node('div',{className:"pieceHandle"});
		var messageTitle  = Builder.node('div',{className:"pieceTitle"});
		var messageClose  = Builder.node('div',{className:"pieceClose"});
		var messageContent = Builder.node('div',{className:"pieceContent"});
		
//javascript:
		var closeButton    = Builder.node('img',{onclick:'closeMsgBox(this)', className:'closeButton', src:'images/close_popup.png', alt:'Close this window'});



		messageDiv.appendChild(messageHandle);
		messageHandle.appendChild(messageTitle);
		messageTitle.innerHTML = title;
		messageClose.appendChild(closeButton);
		messageDiv.appendChild(messageClose);
		messageDiv.appendChild(messageContent);
		//messageDiv.appendChild(cancelButton);
		//messageDiv.appendChild(continueButton);
		messageContent.innerHTML = "<div style='float:left; width:100px;'><img src='img/question-mark.gif' style='margin-right:15px;'/></div><div style='float:right; width:280px'><p>"+html+"</p></div><div style='clear:both;'></div>";
		
		var buttonsDiv = buttons;
		
		messageDiv.appendChild(buttonsDiv); 
		//shaddowDiv.appendChild(messageDiv);
		//shaddowDiv.Style.display="none";;

		var screenWidth = document.body.clientWidth;
		var msgLeft = ((screenWidth /2) - 200)+"px";
		var msgTop  =(getScrollY() +200)+"px";		
              $(messageDiv).setStyle({ left: msgLeft, top: msgTop, display: 'none'});

		$('mainScreen').appendChild(messageDiv);

		var tut = new Draggable(messageDiv, { handle: messageHandle});
	  
		new Effect.Appear(messageDiv,{duration:0.25});
				        
	}