<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE ELEMENT SYSTEM "/u/web/ucpusa/mpc/data/dtd/element.dtd">
<ELEMENT>
	<VERSION>1</VERSION>
	<TYPE>Merc_GlobalImage</TYPE>
	<GLOBAL TYPE="always"></GLOBAL>
	<UIGRAPHIC>/cgi-docs/Mercantec/PC_F_6.6.1/images/Global_Image_Npl1.gif</UIGRAPHIC>
	<UITEXT>Global Image</UITEXT>
	<!-- Here, the owner, group and world can do anything -->
	<PERMISSIONS>777</PERMISSIONS>
	<PROPERTIES>
		<PROPERTY NAME="source">
			<VALUE>/cgi-docs/Mercantec/PC_F_6.6.1/images/spacer.gif</VALUE>
		</PROPERTY>
		<PROPERTY NAME="secure_source">
			<VALUE>/cgi-docs/Mercantec/PC_F_6.6.1/images/spacer.gif</VALUE>
		</PROPERTY>
		<PROPERTY NAME="alttext">
			<VALUE></VALUE>
		</PROPERTY>
		<PROPERTY NAME="width">
			<VALUE></VALUE>
		</PROPERTY>
		<PROPERTY NAME="height">
			<VALUE></VALUE>
		</PROPERTY>
		<PROPERTY NAME="border">
			<VALUE>0</VALUE>
		</PROPERTY>
		<PROPERTY NAME="cfgrow">
			<VALUE></VALUE>
		</PROPERTY>
		<PROPERTY NAME="urllink">
			<VALUE></VALUE>
		</PROPERTY>
		<PROPERTY NAME="align">
			<VALUE>left</VALUE><VALUE>center</VALUE><VALUE>right</VALUE>
		</PROPERTY>
		<PROPERTY NAME="valign">
			<VALUE>top</VALUE><VALUE>bottom</VALUE>
		</PROPERTY>
		<PROPERTY NAME="area">
			<VALUE></VALUE>
		</PROPERTY>
	</PROPERTIES>
	<SCRIPT NAME="common" TYPE="common" VERSION="1.0"><![CDATA[
	function BuildOutput(type)
	{
		var useHeight = 0, useWidth = 0; 
		if (source && cfgrow)
		{
			var scriptFile = doActionEx('DATA_READFILE', 'common.js', 'FileName', 
				 								'common.js','ObjectName', 'JS_SRC', 'FileType', 'txt');
			eval (scriptFile);
			var tmpltJsFile = doActionEx('DATA_READFILE', 'template.js', 'FileName', 
						 						'template.js','ObjectName', 'WATTemplates', 'FileType', 'txt');
			eval (tmpltJsFile);
			
			source = buildNewImageUrl (source, cfgrow, false);
			secure_source = buildNewImageUrl (source, cfgrow, true);
				
			useHeight = getImageHeight(source, cfgrow);
			useWidth = getImageWidth(source, cfgrow);
			
			if (height && height > 0)
			{
				var tmpRat = height / useHeight;
				useHeight = height;
				useWidth = Math.round(useWidth * tmpRat);
			}
			else if (width && width > 0)
			{
				var tmpRat = width / useWidth;
				useWidth = width;
				useHeight = Math.round(useHeight * tmpRat);
			}
		}
		if (type == "text/html")
		{
			var mode = doAction('ST_GET_STATEDATA', 'PE_OutputMode', 'PE_OutputMode');
			write('<div id="newLayer'+merc_elementid+'" name="newLayer'+merc_elementid+'" ');
			write('style="position:absolute; ');
			write ('width:'+useWidth+'px; ');
			write('height:'+useHeight+'px;');
				
			if (!area || area == "")
				area = "0";
			var index = Number(area);
			var cellleft = Number(merc_layoutcells[index].left);
			var celltop = Number(merc_layoutcells[index].top);
			var cellwidth = Number(merc_layoutcells[index].width);
			var cellheight = Number(merc_layoutcells[index].height);
			var elewidth = Number(useWidth);
			var eleheight = Number(useHeight);

			if (align.value == "right")
			{
				var value=cellleft + cellwidth - elewidth;
				write('left:'+value+'px;');
			}
			else if (align.value == "center")
			{
				var value=cellleft + (cellwidth/2) - (elewidth/2);
				write('left:'+value+'px;');
			}
			else // default to "left"
				write('left:'+cellleft+'px;');
			if (valign.value == "bottom")
			{
				var value=(celltop+cellheight);
				if (cellheight == 0)
					value=celltop;
				if (area == '1' || area == '2')
				{
					// We must adjust the bottom to be the page height
					var pageHeight = doAction('MPEA_GET_PAGEHEIGHT', 'Minimum', value.toString());
					if (!isNaN(pageHeight))
						value = pageHeight;
				}
				value = value - eleheight - 5;
				write('top:'+value+'px;');
			}
			else // default to "top"
				write('top:'+celltop+'px;');
				
			write(';z-index:'+merc_zindex+';">');
	// NOTE TO SELF: or should this be <include file="editmodehead.html">?
	// We may want to change the way we do elements in the future so an
	// include file will make the DHTML easy to change for all elements.
	// So this would be a doAction(readfile) followed by doAction(parse)
			if (!border)
				border="0";
			if (urllink && mode!="PE_EditMode")
				write('<a hr'+
						'ef="'+urllink+'">');

			var currentPage = doAction('ST_GET_STATEDATA', 'CurrentPageName', 'CurrentPageName');
			var seObj = generateSEObjects (currentPage);
			var pageObj = seObj.pageObjArray[currentPage];
			var useSource = source;
			if (pageObj.SecureBaseHref.toLowerCase() == "yes" && mode!="PE_EditMode")
				var useSource = secure_source;

			// split img tag to get around parser problem
			// append date to prevent referring to cached images
			var antiCache = new Date();
			write('<img s');
			write('rc="'+useSource +'?'+antiCache.getTime()+'" border='+border);
			if (width)
				write(' width="'+width+'"');
			if (height)
				write(' height="'+height+'"');
			if (alttext)
				write(' alt="'+alttext+'"');
			writeln('>');
			if (urllink && mode!="PE_EditMode")
				write('</a>');
			writeln('</div>');
			return true;
		}
		else if (type == "text/wml")
		{
			// output WML
		}
		return true;
	}
	]]></SCRIPT>
	<SCRIPT NAME="output" TYPE="output" VERSION="1.0"><![CDATA[
	function output(type)
	{
		return BuildOutput(type);
	}
	]]></SCRIPT>
	<SCRIPT NAME="output_edit_mode" TYPE="output_edit_mode" VERSION="1.0"><![CDATA[
	function output_edit_mode(type)
	{
		return BuildOutput(type);
	}
	]]></SCRIPT>
	<SCRIPT NAME="edit_properties" TYPE="edit_properties" VERSION="1.0"><![CDATA[
	
	function edit_properties()
	{
		var imageRow = doAction('REQ_GET_FORMVALUE', "ImageRow", "ImageRow");
		var imageURL = doAction('REQ_GET_FORMVALUE', "ImageURL", "ImageURL");
		var secureImageURL = doAction('REQ_GET_FORMVALUE', "SecureImageURL", "SecureImageURL");
		var addEditMode = doAction('REQ_GET_FORMVALUE', "ElementAddEdit", "ElementAddEdit");
		write ("<SCRIPT LANGUAGE='javascript'>var bNew = false;</SCRIPT>");
		if (addEditMode && addEditMode.toLowerCase() == "add")
			write ("<SCRIPT LANGUAGE='javascript'>bNew = true;</SCRIPT>");
		if (imageURL)
			source = imageURL;
		if (secureImageURL)
			secure_source = secureImageURL;
		if (imageRow)
			cfgrow = imageRow;
		if (source && cfgrow)
		{
			var scriptFile = doActionEx('DATA_READFILE', 'common.js', 'FileName', 
				 								'common.js','ObjectName', 'JS_SRC', 'FileType', 'txt');
			eval (scriptFile);
			var tmpltJsFile = doActionEx('DATA_READFILE', 'template.js', 'FileName', 
						 						'template.js','ObjectName', 'WATTemplates', 'FileType', 'txt');
			eval (tmpltJsFile);
			
			source = buildNewImageUrl (source, cfgrow, false);
			secure_source = buildNewImageUrl (source, cfgrow, true);
				
			var useHeight = getImageHeight(source, cfgrow);
			var useWidth = getImageWidth(source, cfgrow);
			
			if (height && height > 0)
			{
				var tmpRat = height / useHeight;
				width = Math.round(useWidth * tmpRat);
			}
			else if (width && width > 0)
			{
				var tmpRat = width / useWidth;
				height = Math.round(useHeight * tmpRat);
			}
			else 
			{
				width = useWidth;
				height = useHeight;
			}
			
			if (!alttext)
			{
				alttext = source.replace (/\\/g, "/");
				alttext = alttext.substring (alttext.lastIndexOf ("/")+1, alttext.lastIndexOf ("."));
			}
		}
		
		var SC_BaseUrl = doAction('DATA_GETLITERAL', 'ObjectName', 'storecfg', 'LiteralID', 'BaseHref');
		writeln ("<SCRIPT LANGUAGE='javascript'>var useHeight = '"+height+"', useWidth = '"+width+"';"+
				   "var baseUrl='"+SC_BaseUrl+"', elementID = '"+merc_elementid+"';</SCRIPT>");
	<merc_embed>
		<SCRIPT language="javascript">
			var master_js = opener.parent;
			var childWin = "";
			var bCloseExecuted = false;
			if (bNew)
				master_js.CloseWin ();
			function closeLocalWin()
			{
				if (childWin)
					if (!childWin.closed)
						childWin.close();
			}
			
			function cancelSelected ()
			{
				if (bCloseExecuted)
					return false;
					
				bCloseExecuted = true;

				/* if this is a new element and cancel was selected, delete the elementID */
				if (bNew)
				{
	   				master_js.SubmitForm ('PE_Cancel', 'Layout1.htm', 'mainFrame', '');
				}  
				else
					master_js.SubmitForm ('PE_EditPageByName', 'Layout1.htm', 'mainFrame', ''); 
				
				master_js.createAndWriteToPopUp ("150", "300", "newWin", baseUrl, master_js.gRELOADING, 
															master_js.gWINDOW_WILL_CLOSE);
				
				if (master_js.WindowID != self)	
					self.close();
						
				return false;
			}
			
			function submitImage ()
			{
				bCloseExecuted = true;
				var checkedVal = "";
				for (var n = 0; n < document.saveprop.resizeBy.length; n++)
				{
					if (document.saveprop.resizeBy[n].checked)
					{
						checkedVal = document.saveprop.resizeBy[n].value;
						break;
					}
				}
				if (checkedVal.toLowerCase() == "height" || checkedVal.toLowerCase() == "width")
				{
					document.saveprop.size.value = document.saveprop.imageSize.value;
					document.saveprop.size.name = checkedVal.toLowerCase();
					document.saveprop.oldSize.name = (checkedVal.toLowerCase() == "height" ? "width" : "height");
				}
				
				closeLocalWin();
				master_js.SubmitForm('PE_SaveProperties', 'Layout1.htm', 'mainFrame', document.saveprop); 

				if (master_js.WindowID != self)
					self.close();
			}
		</SCRIPT>
		<p align="center"><span class="dialog-title">Global Image Properties</span></p>
		<table width="400" border="0" cellspacing="2" cellpadding="2" align="center" class="table-bkgrd-main">
		<tr>
		<td colspan="2" class="field-label">
		<center>
		<p>
		<form name='saveprop'>
		<table width="84%" border="0" cellspacing="0" cellpadding="0">
		<tr>
		<td class="field-label" width="29%">Text:
		</td>
		<td width="71%">
	</merc_embed>
		writeln ("<input type='hidden' name='size' value=''>"+
					"<input type='hidden' name='oldSize' value=''>"+
					"<input type='hidden' name='source' value='"+source+"'>"+
					"<input type='hidden' name='secure_source' value='"+secure_source+"'>"+
					"<input type='hidden' name='cfgrow' value='"+cfgrow+"'>"+
					"<input type='hidden' name='border' value='"+border+"'>"+
					"<input type='hidden' name='urllink' value='"+urllink+"'>"+
					"<input type='hidden' name='ElementID' value='"+merc_elementid+"'>"+
					"<input type='text' name='alttext' value='"+ alttext +"' size='20'>");
	<merc_embed>
		</td>
		</tr>
		<tr>
		<td colspan="2"><span class="instr-note">(Text that appears when user puts the cursor on the image)</span>
		</td>
		</tr>
		<tr>
		<td class="field-label" width="29%">Link URL:</td>
		<td width="71%">
	</merc_embed>
		writeln ("<input type='text' name='urllink' value='"+ urllink +"' size='20'>");
	<merc_embed>
		</td>
		</tr>
		<tr>
		<td colspan="2"><span class="instr-note">(Link is active when previewed or published.)</span>
		</td>
		</tr>
		<tr>
		<td width="29%" class="table-header2">
		<center>
		<span class="field-label">Current Size: </span>
		</center>
		</td>
		<td width="71%" class="table-header2"><span class="field-label">= 
	</merc_embed>
		writeln (width + " wide x " + height + " high");
	<merc_embed>
		</span></td>
		</tr>
		<tr class="table-bkgrd-main">
		<td width="29%">&nbsp;</td>
		<td width="71%" class="table-bkgrd-main">
			<input type="radio" class="table-bkgrd-main" name="resizeBy" value="none" checked>
			Keep Current Size 
			
			<br>
			<input type="radio" class="table-bkgrd-main" name="resizeBy" value="width" onClick="document.saveprop.imageSize.value=useWidth">
			Resize by Width 
			
			<br>
			<input type="radio" class="table-bkgrd-main" name="resizeBy" value="height" onClick="document.saveprop.imageSize.value=useHeight">
			Resize by Height </td>
			</tr>
			<tr>
			<td colspan="2">
			<center>
			<span class="field-label">Size:</span>  
			<input type="text" name="imageSize" size="10">
			pixels
		</center>
		</td>
		</tr>
		</table>
		
	</merc_embed>
		/* Global Section */
		writeln('<table border="1" width="89%" cellspacing="0" cellpadding="0">');
		writeln('<tr><td class="table-header2" align="center">');
		writeln('<span class="field-label">Location</span></td><td class="table-header2" align="center">');
		writeln('<span class="field-label">Position</span></td></tr>');
		writeln('<tr><td align="center">');
		writeln('<table border="1" cellspacing="0" cellpadding="0" width="80%">');
		var colspan = 2;
		var topchecked = false, leftchecked = false;
		if (!area || area == "")
			area = "0";
		var nArea= Number(area);
		if (Number(merc_layoutcells[0].width) != 0 && Number(merc_layoutcells[0].height) != 0)
		{
			writeln('<tr><td colspan="3" align="center" bgcolor="#DDDDDD">');
			writeln('<input type="radio" style="background-color:#dddddd;" name="area" value="0" ');
			topchecked = (nArea == 0);
			writeln((topchecked ? 'CHECKED':'')+'>top area');
			writeln('</td></tr>');
		}
		writeln('<tr>');
		if (Number(merc_layoutcells[1].width) != 0 && Number(merc_layoutcells[1].height) != 0)
		{
			writeln('<td bgcolor="#DDDDDD" width="15%">');
			writeln('<input type="radio" style="background-color:#dddddd;" name="area" value="1" ');
			leftchecked = (!topchecked && nArea == 0) || (nArea == 1);
			writeln((leftchecked ? 'CHECKED':'')+'><br>left<br>area');
			writeln('</td>');
		}
		else
			colspan = 3;
		if (Number(merc_layoutcells[2].width) != 0 && Number(merc_layoutcells[2].height) != 0)
		{
			writeln('<td colspan="'+colspan+'" align="center" bgcolor="#FFFFFF">');
			writeln('<input type="radio" style="background-color:#FFFFFF;" name="area" value="2" ');
			var checked = (!topchecked && !leftchecked && nArea != 2) || (nArea == 2);
			writeln((checked ? 'CHECKED':'')+'><br>&nbsp;&nbsp;&nbsp;main area&nbsp;&nbsp;&nbsp;<br>&nbsp;');
			writeln('</td>');
		}
		writeln('</tr></table>');

		writeln('</td><td align="center">')
		writeln('<table border="0"><tr><td>');
		writeln('<span class="field-label">Horizontal: </span></td><td><select name="align">');
		for (i=0; i < align.length; i++)
		{
			write('<option value="'+align[i]+'"');
			if (align.value == align[i])
				write(' SELECTED');
			writeln('>'+align[i]);
		}
		writeln('</select></td></tr>');
		writeln('<tr><td><span class="field-label">Vertical: </span></td><td><select name="valign">');
		for (i=0; i < valign.length; i++)
		{
			write('<option value="'+valign[i]+'"');
			if (valign.value == valign[i])
				write(' SELECTED');
			writeln('>'+valign[i]);
		}
		writeln('</select></td></tr></table>');
		writeln('</center></td></tr>');
		writeln('</table>');
		//writeln('</td></tr></table>');
		

var helpdomain = doAction('DATA_GETCONFIGDATA', 'ObjectName', 'HelpCfg', 'RowName', 'helpdomain', 'ColName', 'Domain');
var helpversion = doAction('DATA_GETCONFIGDATA', 'ObjectName', 'HelpCfg', 'RowName', 'helpversion', 'ColName', 'Domain');

writeln('<a href="javascript:void(opener.parent.openHelpWindow(\'http://'+helpdomain+'/cgi-bin/helpsrvr.exe?R+helpsrvr+OH_WAT_SITEPAGES_INSFLOATTXT_POP+SoftCart+'+helpversion+'+en-us\', \'Alane\'));"> <img src="/cgi-docs/Mercantec/PC_F_6.6.1/images/help2.gif" width="97" height="30" border="0" name="help" alt="Help"></a><!--END HELP WINDOW LINK-->');

		writeln('<a href="javascript:void(0)" onclick="cancelSelected();"><img src="/cgi-docs/Mercantec/PC_F_6.6.1/images/Cancel_Nbtn_base.gif" width="86" height="30" border="0" alt="Cancel"></a>');
		writeln('<a href="javascript:void(0)" onclick="submitImage();return false;"><img src="/cgi-docs/Mercantec/PC_F_6.6.1/images/OK_Nbtn_base.gif" width="86" height="30" border="0" alt="Ok"></a>');

		writeln('</td></tr></table>');
		write('</form>');
		writeln ("<SCRIPT language=javascript>");
		writeln('self.resizeTo(450, 420);');
		writeln('</script>');
		return true;
	}
	]]></SCRIPT>
	<SCRIPT NAME="save_properties" TYPE="save_properties" VERSION="1.0"><![CDATA[
	// May not need to do anything in all cases
	// Save things to Prod DB on price/desc? - automatic based on dbentry
	// if there is a reason not to dismiss the properties dialog, return false
	function save_properties()
	{
		return true;
	}
	]]></SCRIPT>
	<SCRIPT NAME="create_element" TYPE="create_element" VERSION="1.0"><![CDATA[
	function create_element()
	{
		return true;
	}
	]]></SCRIPT>
	<SCRIPT NAME="destroy_element" TYPE="destroy_element" VERSION="1.0"><![CDATA[
	function destroy_element()
	{
		return true;
	}
	]]></SCRIPT>
</ELEMENT>

