//init variables
var a;

var isRichText = false;
var rng;
var currentRTE;
var allRTEs = "";

var isIE;
var isGecko;
var isSafari;
var isKonqueror;

var imagesSYSTEM_PATH;
var includesSYSTEM_PATH;
var cssFile;
var cssClass;

var language;



function initRTE(imgSYSTEM_PATH, incSYSTEM_PATH, css, rte_class) {
	//set browser vars
	var ua = navigator.userAgent.toLowerCase();
	isIE = ((ua.indexOf("msie") != -1) && (ua.indexOf("opera") == -1) && (ua.indexOf("webtv") == -1));
	isGecko = (ua.indexOf("gecko") != -1);
	isSafari = (ua.indexOf("safari") != -1);
	isKonqueror = (ua.indexOf("konqueror") != -1);
	//check to see if designMode mode is available
	if (document.getElementById && document.designMode && !isSafari && !isKonqueror) {
		isRichText = true;
	}

	if(!isIE) document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT | Event.MOUSEDOWN | Event.MOUSEUP);
	document.onmouseover = raiseButton;
	document.onmouseout  = normalButton;
	document.onmousedown = lowerButton;
	document.onmouseup   = raiseButton;

	//set SYSTEM_PATHs vars
	imagesSYSTEM_PATH = imgSYSTEM_PATH;
	includesSYSTEM_PATH = incSYSTEM_PATH;
	cssFile = css;
	cssClass = rte_class;
}

function writeRichText(html, width, height, buttons, img_bank, code) {
	if (isRichText) {
		writeRTE(html, width, height, buttons, img_bank, code);
		writeDefault(html, width, height, buttons);
	}
}

function writeDefault(html, width, height, buttons) {
	document.writeln('<textarea id="rtext" name="rte" style="width: 100%; height: ' + height + 'px; display=none">' + html + '</textarea>');
}

function raiseButton(e) {
	if(isRichText)
		{
		if (isIE) {
			var el = window.event.srcElement;
		} else {
			var el= e.target;
		}
		className = el.className;
		if (className == 'btnImage' || className == 'btnImageLowered') {
			el.className = 'btnImageRaised';
		}
	}
}

function normalButton(e) {
	if (isIE) {
		var el = window.event.srcElement;
	} else {
		var el= e.target;
	}

	className = el.className;
	if (className == 'btnImageRaised' || className == 'btnImageLowered') {
		el.className = 'btnImage';
	}
}

function lowerButton(e) {
if(isRichText)
	{
		if (isIE) {
			var el = window.event.srcElement;
		} else {
			var el= e.target;
		}
		className = el.className;
		if (className == 'btnImage' || className == 'btnImageRaised') {
			el.className = 'btnImageLowered';
		}
	}
}

function writeRTE(html, width, height, buttons, img_bank, code) {

	if (isIE) {
		var tablewidth = width;
	} else {
		var tablewidth = width + 4;
	}
   var sizeWord      = 'Taille';
   var boldWord      = 'Gras';
   var italicWord    = 'Italique';
   var underlineWord = 'Souligné';
   var alignLWord    = 'Alignement à gauche';
   var alignCWord    = 'Alignement au centre';
   var alignRWord    = 'Alignement à droite';
   var alignFWord    = 'Alignement justifié';
   var rulerWord     = 'Ajouter une barre horizontale';
   var orderWord     = 'Numerotation';
   var unorderWord   = 'Puces';
   var outdentWord   = 'Diminuer le retrait';
   var indentWord    = 'Augmenter le retrait';
   var textColorWord = 'Couleur du texte';
   var backColorWord = 'Couleur de fond du texte';
   var linkWord      = 'Ajouter un hyperlien';
   var imageWord     = 'Ajouter une image';


	document.writeln('<style type="text/css">');
	document.writeln('.btnImage { background-color: #999999; border: 0px solid silver; cursor: pointer; cursor: hand;}');
	document.writeln('.btnImageRaised { background-color: #CCCCCC; border: 0px outset; cursor: pointer; cursor: hand;}');
	document.writeln('.btnImageLowered { background-color: #666666; border: 0px inset; cursor: pointer; cursor: hand;}');
	document.writeln('.vertSep { background-color:silver; border:0px inset;font-size:0px; width:1px; height:20px; }');
	document.writeln('.btnBack { background-color:silver; border:0px outset; letter-spacing:0; padding-top:2px; padding-bottom:2px align:center; }');
	document.writeln('img { border-style:none; }');
	document.writeln('</style>');
	document.writeln('<table class="btnBack" cellpadding=0 cellspacing=0 id="Buttons1_rte" width="100%">');
	document.writeln('	<tr align="center" valign="middle">');
	document.writeln('		<td width="50%"></td><td>');
	document.writeln('			<select id="fontname_rte" onchange="Select(\'rte\', this.id)">');
	document.writeln('				<option value="Font" selected>[Fontes]</option>');
	document.writeln('				<option value="Arial, Helvetica, sans-serif">Arial</option>');
	document.writeln('				<option value="Courier New, Courier, mono">Courier</option>');
	document.writeln('				<option value="Times New Roman, Times, serif">Times</option>');
	document.writeln('				<option value="Verdana, Arial, Helvetica, sans-serif">Verdana</option>');
	document.writeln('				<option value="Comic Sans MS, Arial, Helvetica, sans-serif">Comic</option>');
	document.writeln('			</select>&nbsp;');
	document.writeln('		</td>');
	document.writeln('		<td><span class="vertSep"></span></td>');
	document.writeln('		<td>');
	document.writeln('			<select unselectable="on" id="fontsize_rte" onchange="Select(\'rte\', this.id);">');
	document.writeln('				<option value="Size">[Taille]</option>');
	document.writeln('				<option value="1">1</option>');
	document.writeln('				<option value="2">2</option>');
	document.writeln('				<option value="3">3</option>');
	document.writeln('				<option value="4">4</option>');
	document.writeln('				<option value="5">5</option>');
	document.writeln('				<option value="6">6</option>');
	document.writeln('				<option value="7">7</option>');
	document.writeln('			</select>&nbsp;');
	document.writeln('		</td>');
	document.writeln('		<td><span class="vertSep"></span></td>');
	document.writeln('		<td><img id="bold" class="btnImage" src="' + imagesSYSTEM_PATH + 'bold.gif" width="25" height="24" alt="Gras" title="Gras" onClick="FormatText(\'rte\', \'bold\', \'\')"></td>');
	document.writeln('		<td><span class="vertSep"></span></td>');
	document.writeln('		<td><img id="italic" class="btnImage" src="' + imagesSYSTEM_PATH + 'italic.gif" width="25" height="24" alt="Italic" title="Italic" onClick="FormatText(\'rte\', \'italic\', \'\')"></td>');
	document.writeln('		<td><span class="vertSep"></span></td>');
	document.writeln('		<td><img id="underline" class="btnImage" src="' + imagesSYSTEM_PATH + 'underline.gif" width="25" height="24" alt="Souligné" title="Souligné" onClick="FormatText(\'rte\', \'underline\', \'\')"></td>');
	document.writeln('		<td><span class="vertSep"></span></td>');
	document.writeln('		<td><img id="left_just" class="btnImage" src="' + imagesSYSTEM_PATH + 'left_just.gif" width="25" height="24" alt="' + alignLWord + '" title="' + alignLWord + '" onClick="FormatText(\'rte\', \'justifyleft\', \'\')"></td>');
	document.writeln('		<td><span class="vertSep"></span></td>');
	document.writeln('		<td><img id="centre" class="btnImage" src="' + imagesSYSTEM_PATH + 'centre.gif" width="25" height="24" alt="' + alignCWord + '" title="' + alignCWord + '" onClick="FormatText(\'rte\', \'justifycenter\', \'\')"></td>');
	document.writeln('		<td><span class="vertSep"></span></td>');
	document.writeln('		<td><img id="right_just" class="btnImage" src="' + imagesSYSTEM_PATH + 'right_just.gif" width="25" height="24" alt="' + alignRWord + '" title="' + alignRWord + '" onClick="FormatText(\'rte\', \'justifyright\', \'\')"></td>');
	document.writeln('		<td><span class="vertSep"></span></td>');
	document.writeln('		<td><img id="justifyfull" class="btnImage" src="' + imagesSYSTEM_PATH + 'justifyfull.gif" width="25" height="24" alt="' + alignFWord + '" title="' + alignFWord + '" onclick="FormatText(\'rte\', \'justifyfull\', \'\')"></td>');
	document.writeln('		<td><span class="vertSep"></span></td>');
	document.writeln('		<td><img id="hr" class="btnImage" src="' + imagesSYSTEM_PATH + 'hr.gif" width="25" height="24" alt="' + rulerWord + '" title="' + rulerWord + '" onClick="FormatText(\'rte\', \'inserthorizontalrule\', \'\')"></td>');
	document.writeln('		<td><span class="vertSep"></span></td>');
	document.writeln('		<td><img id="numbered_list" class="btnImage" src="' + imagesSYSTEM_PATH + 'numbered_list.gif" width="25" height="24" alt="' + orderWord + '" title="' + orderWord + '" onClick="FormatText(\'rte\', \'insertorderedlist\', \'\')"></td>');
	document.writeln('		<td><span class="vertSep"></span></td>');
	document.writeln('		<td><img id="list" class="btnImage" src="' + imagesSYSTEM_PATH + 'list.gif" width="25" height="24" alt="' + unorderWord + '" title="' + unorderWord + '" onClick="FormatText(\'rte\', \'insertunorderedlist\', \'\')"></td>');
	document.writeln('		<td><span class="vertSep"></span></td>');
	document.writeln('		<td><img id="outdent" class="btnImage" src="' + imagesSYSTEM_PATH + 'outdent.gif" width="25" height="24" alt="' + outdentWord + '" title="' + outdentWord + '" onClick="FormatText(\'rte\', \'outdent\', \'\')"></td>');
	document.writeln('		<td><span class="vertSep"></span></td>');
	document.writeln('		<td><img id="indent" class="btnImage" src="' + imagesSYSTEM_PATH + 'indent.gif" width="25" height="24" alt="' + indentWord + '" title="' + indentWord + '" onClick="FormatText(\'rte\', \'indent\', \'\')"></td>');
	document.writeln('		<td><span class="vertSep"></span></td>');
	document.writeln('		<td><div id="forecolor_rte"><img id="textcolor" class="btnImage" src="' + imagesSYSTEM_PATH + 'textcolor.gif" width="25" height="24" alt="' + textColorWord + '" title="' + textColorWord + '" onClick="popup(\'' + includesSYSTEM_PATH + 'RTEpalette.html?command=forecolor\', \'palette\',170,270)"></div></td>');
	document.writeln('		<td><span class="vertSep"></span></td>');
	document.writeln('		<td><div id="hilitecolor_rte"><img id="bgcolor" class="btnImage" src="' + imagesSYSTEM_PATH + 'bgcolor.gif" width="25" height="24" alt="' + backColorWord + '" title="' + backColorWord + '" onClick="popup(\'' + includesSYSTEM_PATH + 'RTEpalette.html?command=hilitecolor\', \'palette\',170,270)"></div></td>');
	document.writeln('		<td><span class="vertSep"></span></td>');
	document.writeln('		<td><img id="hyperlink" class="btnImage" src="' + imagesSYSTEM_PATH + 'hyperlink.gif" width="25" height="24" alt="' + linkWord + '" title="' + linkWord + '" onClick="popup(\'' + includesSYSTEM_PATH + 'RTEurl.html\', \'selectUrl\',150,500)"></td>');
	document.writeln('		<td><span class="vertSep"></span></td>');
	document.writeln('		<td><img id="image" class="btnImage" src="' + imagesSYSTEM_PATH + 'image.gif" width="25" height="24" alt="' + imageWord + '" title="' + imageWord + '" onClick="window.open(\'rte/select_img.php\', \'selectImage\', \'width=600,height=400,menubar=no,scrollbars=no,statusbar=no\')"></td>');                              
	if (code) {
		document.writeln('		<td><span class="vertSep"></span></td>');
		document.writeln('	    <td><img class="btnImage" src="' + imagesSYSTEM_PATH + 'html.gif" width="25" height="24" alt="HTML" title="HTML" onClick="EnableHTML()"></td>');
	}
	document.writeln('		<td width="50%"></td>');
	document.writeln('	</tr>');
	document.writeln('</table>');
	document.writeln('<div id="dtext"><iframe id="rte" name="rte" width="' + width + 'px" height="' + height + 'px"></iframe></div>');
	document.writeln('<input type="hidden" id="hdnrte" name="rte" value="">');
	document.getElementById('hdnrte').value = html;
	enableDesignMode(html);
}

function EnableHTML()
{
var textar = document.all["rtext"];
var textDesign = document.all["dtext"];
if (textar.style.display == "none")
	{
	textar.style.display = "";
	textDesign.style.display = "none";
	var sources = document.getElementById('rte').contentWindow.document.body.innerHTML;
	document.getElementById("rtext").value = sources;
	document.getElementById("formatblock_rte").disabled=true;
	document.getElementById("fontname_rte").disabled=true;
	document.getElementById("fontsize_rte").disabled=true;
	
	document.getElementById("bold").disabled=true;
	document.getElementById("italic").disabled=true;
	document.getElementById("underline").disabled=true;
	document.getElementById("left_just").disabled=true;
	document.getElementById("centre").disabled=true;
	document.getElementById("right_just").disabled=true;
	document.getElementById("justifyfull").disabled=true;
	document.getElementById("hr").disabled=true;
	document.getElementById("numbered_list").disabled=true;
	document.getElementById("list").disabled=true;
	document.getElementById("outdent").disabled=true;
	document.getElementById("indent").disabled=true;
	document.getElementById("textcolor").disabled=true;
	document.getElementById("bgcolor").disabled=true;
	document.getElementById("hyperlink").disabled=true;
	document.getElementById("image").disabled=true;
	document.getElementById("smiley").disabled=true;
	document.all["bold"].src = "images/rte/bold_inactif.gif";
	document.all["italic"].src = "images/rte/italic_inactif.gif";
	document.all["underline"].src = "images/rte/underline_inactif.gif";
	document.all["left_just"].src = "images/rte/left_just_inactif.gif";
	document.all["centre"].src = "images/rte/centre_inactif.gif";
	document.all["right_just"].src = "images/rte/right_just_inactif.gif";
	document.all["justifyfull"].src = "images/rte/justifyfull_inactif.gif";
	document.all["hr"].src = "images/rte/hr_inactif.gif";
	document.all["numbered_list"].src = "images/rte/numbered_list_inactif.gif";
	document.all["list"].src = "images/rte/list_inactif.gif";
	document.all["outdent"].src = "images/rte/outdent_inactif.gif";
	document.all["indent"].src = "images/rte/indent_inactif.gif";
	document.all["textcolor"].src = "images/rte/textcolor_inactif.gif";
	document.all["bgcolor"].src = "images/rte/bgcolor_inactif.gif";
	document.all["hyperlink"].src = "images/rte/hyperlink_inactif.gif";
	document.all["image"].src = "images/rte/image_inactif.gif";
	document.all["smiley"].src = "images/rte/smiley_inactif.gif";
	}
else if (textar.style.display == "")
	{
	textar.style.display = "none";
	textDesign.style.display = "";
	document.getElementById('rte').contentWindow.document.body.innerHTML = document.getElementById("rtext").value;
	document.getElementById("formatblock_rte").disabled=false;
	document.getElementById("fontname_rte").disabled=false;
	document.getElementById("fontsize_rte").disabled=false;
	
	document.getElementById("bold").disabled=false;
	document.getElementById("italic").disabled=false;
	document.getElementById("underline").disabled=false;
	document.getElementById("left_just").disabled=false;
	document.getElementById("centre").disabled=false;
	document.getElementById("right_just").disabled=false;
	document.getElementById("justifyfull").disabled=false;
	document.getElementById("hr").disabled=false;
	document.getElementById("numbered_list").disabled=false;
	document.getElementById("list").disabled=false;
	document.getElementById("outdent").disabled=false;
	document.getElementById("indent").disabled=false;
	document.getElementById("textcolor").disabled=false;
	document.getElementById("bgcolor").disabled=false;
	document.getElementById("hyperlink").disabled=false;
	document.getElementById("image").disabled=false;
	document.getElementById("smiley").disabled=false;
	document.all["bold"].src = "images/rte/bold.gif";
	document.all["italic"].src = "images/rte/italic.gif";
	document.all["underline"].src = "images/rte/underline.gif";
	document.all["left_just"].src = "images/rte/left_just.gif";
	document.all["centre"].src = "images/rte/centre.gif";
	document.all["right_just"].src = "images/rte/right_just.gif";
	document.all["justifyfull"].src = "images/rte/justifyfull.gif";
	document.all["hr"].src = "images/rte/hr.gif";
	document.all["numbered_list"].src = "images/rte/numbered_list.gif";
	document.all["list"].src = "images/rte/list.gif";
	document.all["outdent"].src = "images/rte/outdent.gif";
	document.all["indent"].src = "images/rte/indent.gif";
	document.all["textcolor"].src = "images/rte/textcolor.gif";
	document.all["bgcolor"].src = "images/rte/bgcolor.gif";
	document.all["hyperlink"].src = "images/rte/hyperlink.gif";
	document.all["image"].src = "images/rte/image.gif";
	document.all["smiley"].src = "images/rte/smiley.gif";
	}
if (isRichText)
	isRichText = false;
else
	isRichText = true;
updateRTEs();
}

function enableDesignMode(html) {
	var frameHtml = "<html id=\"rte\">\n";
	frameHtml += "<head>\n";
	//to reference your stylesheet, set href property below to your stylesheet SYSTEM_PATH and uncomment
	if (cssFile.length > 0) {
		frameHtml += "<link media=\"all\" type=\"text/css\" href=\"" + cssFile + "\" rel=\"stylesheet\">\n";
	}
	frameHtml += "<style>\n";
	frameHtml += "body {\n";
	frameHtml += "	background: #FFFFFF;\n";
	frameHtml += "	margin: 0px;\n";
	frameHtml += "	padding: 0px;\n";
	frameHtml += "}\n";
	frameHtml += "</style>\n";
	frameHtml += "</head>\n";
	frameHtml += "<body class=\"" + cssClass + "\">\n";
	frameHtml += html + "\n";
	frameHtml += "</body>\n";
	frameHtml += "</html>";

	if (document.all) {
		var oRTE = frames['rte'].document;
		oRTE.open();
		oRTE.write(frameHtml);
		oRTE.close();
		oRTE.designMode = "On";
	} else {
		try {
			document.getElementById('rte').contentDocument.designMode = "on";
			try {
				var oRTE = document.getElementById('rte').contentWindow.document;
				oRTE.open();
				oRTE.write(frameHtml);
				oRTE.close();

				if (isGecko) {
					//attach a keyboard handler for gecko browsers to make keyboard shortcuts work
					oRTE.addEventListener("keypress", kb_handler, true);
				}
			} catch (e) {
				alert("Error preloading content.");
			}
		} catch (e) {
			//gecko may take some time to enable design mode.
			//Keep looping until able to set.
			if (isGecko) {
				setTimeout("enableDesignMode('rte', '" + html + "', false);", 10);
			} else {
				return false;
			}
		}
	}
}

function updateRTEs() {
	var vRTEs = allRTEs.split(";");
	for (var i = 0; i < vRTEs.length; i++) {
		updateRTE(vRTEs[i]);
	}
}

function updateRTE(rte) {
	if (isRichText) {
		var sources = document.getElementById(rte).contentWindow.document.body.innerHTML;
		document.getElementById("rtext").value = sources;
	}

	//set message value
	var oHdnMessage = document.getElementById('hdn' + rte);
	var oRTE = document.getElementById(rte);
	var readOnly = false;

	//check for readOnly mode
	if (document.all) {
		if (frames[rte].document.designMode != "On") readOnly = true;
	} else {
		if (document.getElementById(rte).contentDocument.designMode != "on") readOnly = true;
	}

	if (isRichText && !readOnly) {

		if (oHdnMessage.value == null) oHdnMessage.value = "";
		if (document.all) {
			oHdnMessage.value = frames[rte].document.body.innerHTML;
		} else {
			oHdnMessage.value = oRTE.contentWindow.document.body.innerHTML;
		}

		//if there is no content (other than formatting) set value to nothing
		if (stripHTML(oHdnMessage.value.replace("&nbsp;", " ")) == ""
			&& oHdnMessage.value.toLowerCase().search("<hr") == -1
			&& oHdnMessage.value.toLowerCase().search("<img") == -1) oHdnMessage.value = "";
		//fix for gecko
		if (escape(oHdnMessage.value) == "%3Cbr%3E%0D%0A%0D%0A%0D%0A") oHdnMessage.value = "";
	}
}

//Function to format text in the text box
function FormatText(rte, command, option) {
	var oRTE;
	if (document.all) {
		oRTE = frames[rte];

		//get current selected range
		var selection = oRTE.document.selection;
		if (selection != null) {
			rng = selection.createRange();
		}
	} else {
		oRTE = document.getElementById(rte).contentWindow;

		//get currently selected range
		var selection = oRTE.getSelection();
		rng = selection.getRangeAt(selection.rangeCount - 1).cloneRange();
	}

	try {
		oRTE.focus();
	  	oRTE.document.execCommand(command, false, option);
		oRTE.focus();
	} catch (e) {
		alert(e);
	}
}

function getOffsetTop(elm) {
	var mOffsetTop = elm.offsetTop;
	var mOffsetParent = elm.offsetParent;

	while(mOffsetParent){
		mOffsetTop += mOffsetParent.offsetTop;
		mOffsetParent = mOffsetParent.offsetParent;
	}

	return mOffsetTop;
}

function getOffsetLeft(elm) {
	var mOffsetLeft = elm.offsetLeft;
	var mOffsetParent = elm.offsetParent;

	while(mOffsetParent) {
		mOffsetLeft += mOffsetParent.offsetLeft;
		mOffsetParent = mOffsetParent.offsetParent;
	}

	return mOffsetLeft;
}

function Select(rte, selectname) {
	var oRTE;
	if (document.all) {
		oRTE = frames[rte];

		//get current selected range
		var selection = oRTE.document.selection;
		if (selection != null) {
			rng = selection.createRange();
		}
	} else {
		oRTE = document.getElementById(rte).contentWindow;

		//get currently selected range
		var selection = oRTE.getSelection();
		rng = selection.getRangeAt(selection.rangeCount - 1).cloneRange();
	}

	var idx = document.getElementById(selectname).selectedIndex;
	// First one is always a label
	if (idx != 0) {
		var selected = document.getElementById(selectname).options[idx].value;
		var cmd = selectname.replace('_' + rte, '');
		oRTE.focus();
		oRTE.document.execCommand(cmd, false, selected);
		oRTE.focus();
		document.getElementById(selectname).selectedIndex = 0;
	}
}

function kb_handler(evt) {
	var rte = evt.target.id;

	//contributed by Anti Veeranna (thanks Anti!)
	if (evt.ctrlKey) {
		var key = String.fromCharCode(evt.charCode).toLowerCase();
		var cmd = '';
		switch (key) {
			case 'b': cmd = "bold"; break;
			case 'i': cmd = "italic"; break;
			case 'u': cmd = "underline"; break;
		};

		if (cmd) {
			FormatText(rte, cmd, true);
			//evt.target.ownerDocument.execCommand(cmd, false, true);
			// stop the event bubble
			evt.preventDefault();
			evt.stopPropagation();
		}
 	}
}

function stripHTML(oldString) {
	var newString = oldString.replace(/(<([^>]+)>)/ig,"");

	//replace carriage returns and line feeds
   newString = newString.replace(/\r\n/g," ");
   newString = newString.replace(/\n/g," ");
   newString = newString.replace(/\r/g," ");

	//trim string
	newString = trim(newString);

	return newString;
}

function trim(inputString) {
   // Removes leading and trailing spaces from the passed string. Also removes
   // consecutive spaces and replaces it with one space. If something besides
   // a string is passed in (null, custom object, etc.) then return the input.
   if (typeof inputString != "string") return inputString;
   var retValue = inputString;
   var ch = retValue.substring(0, 1);

   while (ch == " ") { // Check for spaces at the beginning of the string
      retValue = retValue.substring(1, retValue.length);
      ch = retValue.substring(0, 1);
   }
   ch = retValue.substring(retValue.length-1, retValue.length);

   while (ch == " ") { // Check for spaces at the end of the string
      retValue = retValue.substring(0, retValue.length-1);
      ch = retValue.substring(retValue.length-1, retValue.length);
   }

	// Note that there are two spaces in the string - look for multiple spaces within the string
   while (retValue.indexOf("  ") != -1) {
		// Again, there are two spaces in each of the strings
      retValue = retValue.substring(0, retValue.indexOf("  ")) + retValue.substring(retValue.indexOf("  ")+1, retValue.length);
   }
   return retValue; // Return the trimmed string back to the user
}

function popup(page,popupname,height,width) {
var topPosition = (screen.height - height) / 2;
var leftPosition = (screen.width - width) / 2;
var windowprops = "width=" + width + ",height=" + height + ",top=" + topPosition + ",left=" + leftPosition + ",location=no,menubar=no,toolbar=no,scrollbars=yes,resizable=no,status=no";
newWindow = window.open(page,popupname,windowprops);
}