JavaScript - Do Not Load Divs Until Called? (cli)

echo "<script language='javascript'>alert('Please Help Me');</script>";

echo "<script language='javascript'>frontend_function();</script>";

(function(msg){
  document.write(msg);
})("What's that smell?");

        <fieldset> 
        <select name="filter" alter-data="dropFilter"> 
            <option>Germany</option> 
            <option>Ukraine</option> 
            <option>Estonia</option> 
        </select>    
        <input type="text" alter-data="searchFilter" /> 
    </fieldset>

<script> 
(function($){ 
 
var listview = $('#listview'); 
 
var lists = (function(){ 
    var criteria = { 
        dropFilter: { 
            insert: function(value){ 
                if(value) 
                    return handleFilter("filter", value);   
            }, 
            msg: "Filtering..." 
        }, 
        searchFilter: { 
            insert: function(value){ 
                if(value) 
                    return handleFilter("search", value); 
            }, 
            msg: "Searching..." 
        } 
 
    } 
    var handleFilter = function(key,value){ 
            return {key: value}; 
    } 
    return {   
         create: function(component){ 
            var component = component.href.substring(component.href.lastIndexOf('#') + 1);  
            return component; 
        }, 
         setDefaults: function(component){ 
            var parameter = {}; 
            switch(component){ 
                case "sites": 
                    parameter = { 
                        'order': 'site_num', 
                        'per_page': '20', 
                        'url': 'sites' 
                    } 
            } 
            return parameter; 
        }, 
        getCriteria: function(criterion){ 
            return criteria[criterion];      
 
        }, 
        addCriteria: function(criterion, method){ 
            criteria[criterion] = method;   
        } 
    } 
})();  
 
var Form = function(form){ 
    var fields = []; 
    $(form[0].elements).each(function(){   
        var field = $(this);   
        if(typeof field.attr('alter-data') !== 'undefined') fields.push(new Field(field));   
    })   
} 
 
Form.prototype = { 
    initiate: function(){ 
        for(field in this.fields){ 
            this.fields[field].calculate();  
        } 
    }, 
     isCalculable: function(){   
        for(field in this.fields){   
                if(!this.fields[field].alterData){   
                return false;  
            } 
        }  
        return true;    
    }  
} 
 
var Field = function(field){   
    this.field = field;  
    this.alterData = false;  
    this.attach("change");   
    this.attach("keyup");   
} 
 
Field.prototype = {   
    attach: function(event){ 
        var obj = this;   
        if(event == "change"){ 
            obj.field.bind("change", function(){  
                return obj.calculate(); 
            }) 
        } 
        if(event == "keyup"){ 
            obj.field.bind("keyup", function(e){   
                return obj.calculate(); 
            }) 
        } 
    }, 
    calculate: function(){ 
        var obj = this,   
            field = obj.field,   
            msgClass = "msgClass", 
            msgList = $(document.createElement("ul")).addClass("msgClass"),   
            types = field.attr("alter-data").split(" "),   
            container = field.parent(),  
            messages = []; 
 
        field.next(".msgClass").remove();  
        for(var type in types){   
            var criterion = lists.getCriteria(types[type]);   
            if(field.val()){  
                var result = criterion.insert(field.val());  
 
                container.addClass("waitingMsg");   
                messages.push(criterion.msg);   
 
                obj.alterData = true;   
 
                alert(result); 
                initializeTable(result);   
 
            } 
            else {    
                return false;   
                obj.alterData = false;   
            } 
        } 
        if(messages.length){ 
            for(msg in messages){ 
                msgList.append("<li>" + messages[msg] + "</li");   
            } 
        } 
        else{ 
            msgList.remove();   
        } 
    } 
} 
 
$('#dashboard a').click(function(){ 
    var currentComponent = lists.create(this); 
    var custom = lists.setDefaults(currentComponent); 
    initializeTable(custom); 
}); 
 
var initializeTable = function(custom){ 
    var defaults = {}; 
    var custom = custom || {}; 
 
    var query_string = $.extend(defaults, custom); 
 
    var params = []; 
    $.each(query_string, function(key,value){ 
        params += key + ': ' + value;  
    }) 
    var url = custom['url']; 
 
    $.ajax({ 
        type: 'GET', 
        url: '/' + url, 
        data: params, 
        dataType: 'html', 
        error: function(){}, 
        beforeSend: function(){}, 
        complete: function() {}, 
        success: function(response) {  
            listview.html(response); 
        } 
    }) 
} 
 
$.extend($.fn, {   
    calculation: function(){ 
 
        var formReady = new Form($(this)); 
 
        if(formReady.isCalculable) { 
            formReady.initiate();    
        } 
    } 
 
}) 
 
 
    var form = $('fieldset'); 
    form.calculation(); 
})(jQuery)

<script type=\"text/javascript\">
document.write('h');
</script>

// ==UserScript==
// @name           Pokemon Vortex Tool
// @namespace      vortexrising.tk
// @include        http://*pokemonvortex.org/*
// @exclude        http://*pokemonvortex.org/adv.php*
// ==/UserScript==

var legends = [
	// Custom
	// Grass
	'Shaymin (Sky)',
	'Celebi',
	'Latios',
	'Latias',
	'Rayquaza',
	'Shaymin',
	'Mew',
	'Cresselia',
	'Azelf',
	'Uxie',
	'Mesprit',
	'Virizion',
	'Genesect',

	// Grass (water)
	'Manaphy',
	'Phione',
	'Suicune',
	'Keldeo',
	
	// Ice
	'Articuno',
	'Suicune',
	'Lugia',
	'Regice',
	'Kyurem',
	
	// Cave (land)
	'Groudon',
	'Arceus',
	'Regigigas',
	'Palkia',
	'Dialga',
	'Deoxys',
	'Jirachi',
	'Registeel',
	'Regirock',
	'Mewtwo',
	'Cobalion',
	'Terrakion',
	'Virizion',
	'Reshiram',
	'Zekrom',
	'Kyurem',
	'Genesect',
	'Tornadus',
	'Landorus',

	// Cave (water)
	'Kyogre',
	'Lugia',
	'Keldeo',
	
	// Ghost
	'Mew',
	'Giratina',
	'Rotom',
	'Mesprit',
	'Azelf',
	'Uxie',
	'Celebi',
	'Darkrown',
	'Darkrai',
	
	// Electric
	'Zapdos',
	'Raikou',
	'Jirachi',
	'Darkrai',
	'Darkrown',
	'Thundurus',
	'Zekrom',
	'Genesect',
	
	// Fire
	'Heatran',
	'Ho-oh',
	'Moltres',
	'Entei',
	'Reshiram',
	'Victini'
];
var settings = {
	'keys': ['autoBattle', 'findRare', 'findLegendary','catchPok','findNewpoke'],
	'data': {},
	'save': function() {
		for (var i = 0; i < this.keys.length; i++) {
			GM_setValue(this.keys[i], this.data[this.keys[i]]);
		}
	},
	'load': function() {
		for (var i = 0; i < this.keys.length; i++) {
			this.data[this.keys[i]] = GM_getValue(this.keys[i], false);
		}
	}
};
var movPos = 0;

function moveAround() {
	movPos += 10;
	if (movPos > 360) {
		movPos = 0;
	}
	
	var xpos = parseInt(Math.sin(movPos * (Math.PI / 180))*10);
	var ypos = parseInt(Math.cos(movPos * (Math.PI / 180))*10);
	unsafeWindow.PlayRequest(xpos + 14, ypos + 14, parseInt(Math.random()*8)+1);
/*	var btnArrow = unsafeWindow.document.querySelector('#arrows img[onclick]')
	if (btnArrow) {
		btnArrow.click();
	} else {
		unsafeWindow.console.info('No buttons?');
	}*/
}

function catchPok() {
	try {
		var btnPo = unsafeWindow.document.querySelector('#battleForm input[type="submit"][value="Continue"]');
		if (btnPo) {
			btnPo.click();
		}

		var radMaster = unsafeWindow.document.querySelector('#itemForm input[type="radio"][value="Master Ball"]');
		if (radMaster) {
			radMaster.click();
		}
		
		var btnItem = unsafeWindow.document.querySelector('#itemForm input[type="submit"][value="Use Item"]');
		if (btnItem) {
			btnItem.click();
		}
		
		var btnCont2 = unsafeWindow.document.querySelector('#battleForm input[type="submit"][value="Continue!"]');
		if (btnCont2) {
			btnCont2.click();
		}

		var linkReturnToMap = unsafeWindow.document.querySelector('.optionsList a');
		if (linkReturnToMap && linkReturnToMap.textContent.trim() == 'Return to the Map') {
			settings.data.nextBattle = new Date().getTime() + 10000;
			unsafeWindow.location.href = linkReturnToMap.href;
		}
	}catch (e) {
		unsafeWindow.console.warn('Exception: ', e);
	}
}

function findNewpoke() {
	var aPoke = unsafeWindow.document.querySelector('#appear p');
	var oldPoke = unsafeWindow.document.querySelector('#appear strong');
	var searchPoke = unsafeWindow.document.querySelector('#alert p')
	if (!aPoke) {
		moveAround();
		return;
	}
	else if (oldPoke) {
		moveAround();
		return;
	}
	else if (searchPoke) {
		moveAround();
		return;
	}
	else {
		var btnDo = unsafeWindow.document.querySelector('input[type="submit"][value="Battle!"]');
		if (btnDo) {
			btnDo.click();
			}
		catchPok();
		return;
	}
}

function findLegendary() {
	var wildText = unsafeWindow.document.querySelector('#appear p');
	if (!wildText) {
		moveAround();
		return;
	}
	
	wildText = wildText.textContent.trim();
	for (var i = 0; i < legends.length; i++) {
		if (wildText.match(legends[i])) {
			var btnDo = unsafeWindow.document.querySelector('input[type="submit"][value="Battle!"]');
			if (btnDo) {
				btnDo.click();
				}
			catchPok();
			return;
		}
	}

	moveAround();	
}

function findRare() {
	var wildText = unsafeWindow.document.querySelector('#appear p');
	if (!wildText) {
		moveAround();
		return;
	}
	
	wildText = wildText.textContent.trim();
	if (!wildText.match(/Wild (Shiny|Shaymin (Sky)|Celebi|Latios|Latias|Rayquaza|Shaymin|Mew|Cresselia|Azelf|Uxie|Mesprit|Virizion|Genesect|Manaphy|Phione|Suicune|Keldeo|Articuno|Lugia|Regice|Kyurem|Groudon|Arceus|Regigigas|Palkia|Dialga|Deoxys|Jirachi|Registeel|Regirock|Mewtwo|Cobalion|Terrakion|Reshiram|Zekrom|Tornadus|Landorus|Kyogre|Giratina|Rotom|Zapdos|Raikou|Darkrai|Darkrown|Thundurus|Heatran|Ho-oh|Moltres|Entei|Victini)/)) {
		moveAround();
		return;
	}
	
	unsafeWindow.console.info('Rare found ', wildText);
}

function autoBattle() {
	try {
		var btnContinue = unsafeWindow.document.querySelector('#battleForm input[type="submit"][value="Continue"]');
		if (btnContinue) {
			btnContinue.click();
		}
		
		var btnContinue2 = unsafeWindow.document.querySelector('#battleForm input[type="submit"][value="Continue!"]');
		if (btnContinue2) {
			btnContinue2.click();
		}
	
		var btnAttack = unsafeWindow.document.querySelector('#battleForm input[type="submit"][value="Attack!"]');
		if (btnAttack) {
			btnAttack.click();
		}
		
		var linkReturnToMap = unsafeWindow.document.querySelector('.optionsList a');
		if (linkReturnToMap && linkReturnToMap.textContent.trim() == 'Return to the Map') {
			settings.data.nextBattle = new Date().getTime() + 10000;
			unsafeWindow.location.href = linkReturnToMap.href;
		}
		
		// check for battle button
		var btnBattle = unsafeWindow.document.querySelector('#appear form input[type="submit"][value="Battle!"]');
		var linkRebattle = unsafeWindow.document.querySelector('.optionsList a');
		if (btnBattle) {
			// wait until 10 seconds since last battle
			//var delay = GM_getValue('lastBattle');
			window.setTimeout(function() {
				btnBattle.click();
			}, 10000);
		} else if (linkRebattle && linkRebattle.textContent.trim() == 'Rebattle Opponent') {
			window.setTimeout(function() {
				unsafeWindow.location.href = linkRebattle.href;
			}, 10000);
		} else {
			// if not found, click a direction
			var btnArrow = unsafeWindow.document.querySelector('#arrows img[onclick]')
			console.info('arrow', btnArrow);
			if (btnArrow) {
				btnArrow.click();
			}
		}
	} catch (e) {
		unsafeWindow.console.warn('Exception: ', e);
	}
}

function autoContinue() {
	if (settings.data.findRare) {
		findRare();
	}

	if (settings.data.autoBattle) {
		autoBattle();
	}
	
	if (settings.data.findLegendary) {
		findLegendary();
	}
	if (settings.data.catchPok) {
		catchPok();
	}
	if (settings.data.findNewpoke) {
		findNewpoke();
	}
}

unsafeWindow.AjaxRequest = function () {
	if (!this.xmlhttp) {
		try {
			// Try to create object for Firefox, Safari, IE7, etc.
			this.xmlhttp = new XMLHttpRequest();
		} catch (e) {
			try {
				// Try to create object for later versions of IE.
				this.xmlhttp = new ActiveXObject('MSXML2.XMLHTTP');
			} catch (e) {
				try {
					// Try to create object for early versions of IE.
					this.xmlhttp = new ActiveXObject('Microsoft.XMLHTTP');
				} catch (e) {
					// Could not create an XMLHttpRequest object.
					return false;
				}
			}
		}
	}
	this.method = 'post';
	this.async = true;
	this.url;
	this.query = '';
	this.data = '';
	this.reponseText;
	this.reponseXML;
	this.responseHandler;
	this.abortHandler;
	this.showLoading = false;
	this.send = function () {
		if (this.method && this.url) {
			var self = this;
			this.xmlhttp.onreadystatechange = function () {
				if (self.xmlhttp.readyState == 4) {
					if (self.xmlhttp.status && (self.xmlhttp.status == 200 || self.xmlhttp.status == 304)) {
						//unsafeWindow.console.info('success', self);
						
						self.responseText = self.xmlhttp.responseText;
						if (self.xmlhttp.responseXML) {
							self.responseXML = self.xmlhttp.responseXML;
						} else {
							self.responseXML = null;
						}
						if (self.responseHandler) {
							self.responseHandler();
							
							var evt = document.createEvent('Event');
							evt.initEvent('gm:ajaxhook', false, true);
							document.dispatchEvent(evt);
							
							//autoContinue();
						}
					} else {
						showAlert('<p>An error occured while requesting the data.</p><p>Status Msg: ' + self.xmlhttp.statusText + '</p><p><input type="button" name="ok" value="OK" onclick="removeAlert();" id="alertFocus"></p>');
					}
					if (self.showLoading && self.loading) {
						self.loading.style.visibility = 'hidden';
					}
				}
			}
			if (this.showLoading) {
				this.displayLoading();
			}
			this.xmlhttp.open(this.method, this.url + '?' + encodeURI(this.query), this.async);
			if (this.method == 'post') {
				this.xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
			}
			this.xmlhttp.send(encodeURI(this.data));
		} else {
			showAlert("<p>An error occured while requesting the data.</p><p>No method, URL, and/or query string provided.</p><p><input type=\"button\" name=\"ok\" value=\"OK\" onclick=\"removeAlert();\" id=\"alertFocus\"></p>");
		}
	}
	this.abort = function () {
		this.xmlhttp.onreadystatechange = function () {};
		this.xmlhttp.abort();
		if (this.abortHandler) {
			this.abortHandler();
		}
	}
	this.getFormValues = function (form) {
		for (i = 0; i < form.elements.length; i++) {
			switch (form.elements[i].type) {
			case 'text':
			case 'hidden':
			case 'password':
			case 'textarea':
				this.data += form.elements[i].name + "=" + form.elements[i].value + "&";
				break;
			case 'checkbox':
			case 'radio':
				if (form.elements[i].checked) this.data += form.elements[i].name + "=" + form.elements[i].value + "&";
				break;
			case 'select-one':
				this.data += form.elements[i].name + "=" + form.elements[i].options[form.elements[i].selectedIndex].value + "&";
				break;
			}
		}
		this.data = this.data.substr(0, (this.data.length - 1));
	}
	this.appendHTML = function (object, flag) {
		if (this.xmlhttp.responseText) {
			if (flag) {
				object.innerHTML = this.responseText;
			} else {
				object.innerHTML += this.responseText;
			}
		} else {}
	}
	this.displayLoading = function () {
		if (this.showLoading == 'sidebar') {
			this.loading = document.getElementById('sidebarLoading');
			this.loading.style.height = document.getElementById('sidebar').offsetHeight - 2 + 'px';
			this.loading.style.width = document.getElementById('sidebarContent').offsetWidth + 'px';
			this.loading.innerHTML = '<p style="text-align: center; margin-top: 150px;"><img src="http://static.pokemonvortex.org/images/loading.gif" width="100" height="100" alt="Loading..." /></p>';
		} else if (this.showLoading == 'message') // message
		{
			this.loading = document.getElementById('messageContent');
			this.loading.style.height = document.getElementById('message').offsetHeight + 'px';
			this.loading.style.width = document.getElementById('message').offsetWidth + 'px';
			this.loading.innerHTML = '<p style="text-align: center; margin-top: 75px;"><img src="http://static.pokemonvortex.org/images/loading.gif" width="100" height="100" alt="Loading..." /></p>';
		} else if (this.showLoading == 'messageList') // message list
		{
			this.loading = document.getElementById('messageList');
			this.loading.style.height = document.getElementById('messageList').offsetHeight + 'px';
			this.loading.style.width = document.getElementById('messageList').offsetWidth + 'px';
			this.loading.innerHTML = '<p style="text-align: center; margin-top: 50px;"><img src="http://static.pokemonvortex.org/images/loading.gif" width="100" height="100" alt="Loading..." /></p>';
		} else if (this.showLoading == 'map') // map
		{
			this.loading = document.getElementById('mapLoading')
			this.loading.innerHTML = '<p style="text-align: center; margin-top: 150px;"><img src="http://static.pokemonvortex.org/images/loading_white.gif" width="100" height="100" alt="Loading..." /></p>';
		} else if (this.showLoading == 'live') {
			this.loading = document.getElementById('loading');
			this.loading.style.height = document.getElementById('scroll').offsetHeight + 'px';
			if (document.getElementById('scrollContent')) {
				this.loading.style.width = document.getElementById('scrollContent').offsetWidth + 'px';
			} else {
				this.loading.style.width = document.getElementById('scroll').offsetWidth + 'px';
			}
			this.loading.innerHTML = '<p class="large" style="margin-top: 75px; text-align: center;"><strong>Waiting for the other user to respond...</strong></p><p style="text-align: center;">You have been waiting <span id="waitTime">0 seconds</span>.</p>';
			waitTime(0);
		} else // main
		{
			this.loading = document.getElementById('loading');
			this.loading.style.height = document.getElementById('scroll').offsetHeight + 'px';
			if (document.getElementById('scrollContent')) {
				this.loading.style.width = document.getElementById('scrollContent').offsetWidth + 'px';
			} else {
				this.loading.style.width = document.getElementById('scroll').offsetWidth + 'px';
			}
			this.loading.innerHTML = '<p style="text-align: center; margin-top: 150px;"><img src="http://static.pokemonvortex.org/images/loading.gif" width="100" height="100" alt="Loading..." /></p>';
		}
		this.loading.style.visibility = 'visible';
	}
}

function createToggler(container, title, varname) {
	var toggleEnable = unsafeWindow.document.createElement('p');
	container.appendChild(toggleEnable);
	toggleEnable.innerHTML = title + ' <b>' + (settings.data[varname] ? 'Enabled' : 'Disabled') + '</b>';
	toggleEnable.addEventListener('click', function() {
		settings.data[varname] = !settings.data[varname];
		toggleEnable.innerHTML = title + ' <b>' + (settings.data[varname] ? 'Enabled' : 'Disabled') + '</b>';
		settings.save();
		autoContinue();
	}, false);
}

function init() {
	var iframes = unsafeWindow.document.getElementsByTagName('iframe');
	for (var i = 0; i < iframes.length; i++) {
		iframes[i].parentNode.removeChild(iframes[i]);
	}
	var sty = unsafeWindow.document.createElement('style');
	unsafeWindow.document.querySelector('head').appendChild(sty);
	sty.textContent = '#fscctrl { background: green; border: 1px solid yellow; cursor:pointer; margin: auto; padding: 10px; width: 1010px; } #fscctrl p { margin: 0; } #alert{position:absolute; z-index: 1; background:#ffc; padding: 0 10px; right: 0; width: 100px;} #alert p { margin: 0; } #loading {z-index: 0; top: 0; height: 200px;} #loading p {margin-top:0 !important;} #header{ height: 70px; }';
	unsafeWindow.disableSubmitButton = function(form) {
		for (i = 0; i < form.elements.length; i++) {
			if (form.elements[i].type == 'submit') {
				form.elements[i].value = 'Please Wait... or click again - by rockingdo';
			}
		}
		return true;
	} 
	
	settings.load();
	
	document.addEventListener('gm:ajaxhook', function() {
		autoContinue();
	}, false);
	
	var container = unsafeWindow.document.createElement('div');
	unsafeWindow.document.body.insertBefore(container, unsafeWindow.document.body.firstChild);
	container.setAttribute('id', 'fscctrl');

	createToggler(container, 'Auto-battle', 'autoBattle');
	createToggler(container, 'Find Rare', 'findRare');
	createToggler(container, 'Find Legendary', 'findLegendary');
	createToggler(container, 'Catch Pokemon', 'catchPok');
	createToggler(container, 'Find New Pokemon', 'findNewpoke');

	autoContinue();
}

init();

<iframe id="mainFrame" name="mainFrame" class="full" src=
"frameset.html">

<frameset cols="20%,80%">
<frame id="treeFrame" src="tree.html" name="treeFrame" />
<frame id="frameCont" src="2_Welcome.htm" name="Welcome" />
</frameset>

<script type="text/javascript" src="tree.js">
</script>

<script type=text/javascript> 

function calcMortgage (amountText, yearsText, interestText) {
  // constant definitions
 
  // variable declaration
  var amount = Number(amountText);
  var years = Number(yearsText);
  var interest = Number(interestText);
  var monthlyPayment = 0;
  var balance = 0;
  var months = years*12;
  var totalpay = 0;
  var lowRange = 0;
  var highRange = amount;


        if ((amount <= 0) || isNaN(amount)) {
		alert("Amount can't be 0, negative, or not a number.");
	}
	
	if ((years != Math.floor(years)) || isNaN(years) || (years < 1)) {
		alert("Years must be a positive, non-zero, and an integer.");
	}
 
	if ((interest < 0) || isNaN(interest) || (interestText == "")) {
		alert("Rate must be 0 or a positive number.");
	}
 
 
   while (keepGuessing) {
 
    monthlyPayment = makeGuess(lowRange, highRange);
	
    balance = simulatePayments(amount, years, interest, monthlyPayment);

    
 	if (balance==0) {	
         	keepGuessing = false;  
      	}
 
	else if (balance < 0) {	
		highRange = monthlyPayment;
		
	}
 
	else if (balance > 0) {	
		lowRange = monthlyPayment;		
	}
 
   } 

	monthlyPayment = (Math.round(monthlyPayment*100)/100);
 
	totalPay = (Math.round((monthlyPayment*(months))*100)/100);
 
	alert("You have paid $" + totalPay +" total to the bank.");
    	
   return monthlyPayment;
}
 
function makeGuess (lowRange, highRange) {
     var guess;
	guess = (highRange + lowRange) /2;
     return guess;
}
 
function simulatePayments ( amt, numMonths, intr, monthPay) {
     var oldBalance = amt;
     var newBalance = 0;
     var monthInterest;
     var month = 1;

	while(month <= numMonths) {

	monthInterest = oldBalance * intr;
	newBalance = oldBalance + monthInterest - monthPay; 
	oldBalance = newBalance;
	month++;

       }

return newBalance;

}

</script>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<title>Messages</title>
<head>
<link rel="stylesheet" type="text/css" href="style.css" />

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function (){
$('#submitNewSend, #submitNewSend2, #submitNewSave, #submitNewSave2').click(function(){

	var btn = $(this).attr('id');
	if(btn == 'submitNewSend'){
		file = 'insertMessage.php';
		Msg = 'Your message has been sent';
	} else if(btn == 'submitNewSend2'){
		file = 'insertMessage.php';
		Msg = 'Your message has been sent';
	} else if (btn == 'submitNewSave'){
		file = 'insertSaveMessage.php';
		Msg = 'Your message has been saved';
	} else if (btn == 'submitNewSave2'){
		file = 'insertSaveMessage.php';
		Msg = 'Your message has been saved';
	}
		var data = $('#MessageNew').serialize();
		$.post (file,data, function(){
				alert(Msg);
			$('#MessageNew').each (function(){
				this.reset();
				});
			});	
				return false;
	});
});
</script>


<script type="text/javascript">
function loadXMLDoc(File,ID){
if (window.XMLHttpRequest)  {
  xmlhttp=new XMLHttpRequest();
  }
else {
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }

xmlhttp.onreadystatechange=function(){
  if (xmlhttp.readyState==4 && xmlhttp.status==200){
    document.getElementById(ID).innerHTML=xmlhttp.responseText;
    }
  }

xmlhttp.open("POST",File,true);
xmlhttp.send();
}
</script>
<head>
<body onload="loadXMLDoc('getloadCompose.php','txtHintCompose')">
<br />
<br />
<div id="txtHintCompose"></div>
</form>
</body>
</html>

<form action="" method="post" name="MessageNew" id="MessageNew" autocomplete="OFF">
<table id="new" width="60%">
	<tr>
	<th>Compose Message</th>
	</tr>
	<tr>
	<td class="first">
	<input type="button" class="button3" name="submitNewSend2" id="submitNewSend2" value="Send">
	<input type="button" class="button3" name="submitNewSave2" id="submitNewSave2" value="Save"> 
	<input type="button" class="button3" name="submitNewCancel" value="Cancel" onclick="loadXMLDocRefresh('getloadInbox.php','txtHintMessage')" />
	</td>
	</tr>
	<tr>
	<td>
		<br />
		<label class="two"><b>To:</b></label><input type="text" class="input" name="to" id="to" value=""><input type="text" class="input" name="recipient" id="recipient" value="" onkeyup="showHint(this.value, 'getEmailName.php','txtHintEmailTo')" size="70" /><br /><br />
		<div id="txtHintEmailTo"></div>
	</td>
	</tr>
	<tr>
	<td>
		<label class="two"><b>Subject:</b></label><input type="text" class="input" name="subject" id="subject" value="enter subject" onclick="this.value='';" onfocus="this.select()" onblur="this.value=!this.value?'enter subject':this.value;" size="70" /><br /><br />
	</td>
	</tr>
	<tr>
	<td>
		<label class="two"><b>Message: </b></label><div class="scroll"><textarea rows="10" cols="75" class="input" name="messsage" id="message">Enter Message</textarea></div><br /><br /><br />

	</td>
	</tr>
	<tr>
	<td class="first">
	<input type="button" class="button3" name="submitNewSend" id="submitNewSend" value="Send">
	<input type="button" class="button3" name="submitNewSave" id="submitNewSave" value="Save"> 
	<input type="button" class="button3" name="submitNewCancel" value="Cancel" onclick="loadXMLDocRefresh('getloadInbox.php','txtHintMessage')" />
	</td>
	</tr>
	</table>
</form>