// JavaScript Document


function writeDhtmlGreetingsWindow(){

	document.write('<div id="greetingsShell" style="position:relative; z-index:10000; visibility:hidden; display:none; top:0px; left:0px;">');
	document.write('<div id="greetingsInner" align="left" style="width:590px;  position:absolute; top:-100px; left:-140px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#555577; border:solid; border-color:#224488; border-width:1px; padding:0; z-index:10001;" >');
	document.write('<div id="greetingsContainer">');
	document.write('<table width="100%" border="0" cellspacing="0" cellpadding="1" style="background-image: url(./images/background_SavedProjectNote.png); background-repeat: no-repeat;">');
	document.write('<tr>');
	document.write('<td width="99%" nowrap="nowrap" align="center"><b>Click on a Greeting Message to put in on your card.</b></td>');
	document.write('<td width="1%" nowrap="nowrap" align="right" valign="top"><input onclick="hideGreetingsWindow();" type="button" name="buttonName" value="X" style="font-weight:bold; font-size:12px; color: #000000; padding: 0px 0px; border: 2px solid; border-color: #EEEECC #999966 #999966 #EEEECC; background-color: #ffc800; font-family: Verdana, Arial, Helvetica, sans-serif; cursor: hand;" onMouseOver="this.style.background=\'#ffffdd\';" onMouseOut="this.style.background=\'#ffc800\';" /></td>');
	document.write('</tr>');
	document.write('</table>');
	document.write('<iframe id="messageIframe" name="messageIframe" width="588" height="250" src="./greeting_cards_message_selection.html"></iframe>');
	document.write('</div>');
	document.write('</div>');
	document.write('</div>');

}

function hideGreetingsWindow(){
	document.getElementById('greetingsShell').style.display = "none";
	document.getElementById('greetingsShell').style.visibility = "hidden";
}
function showGreetingsWindow(){
	document.getElementById('greetingsShell').style.display = "block";
	document.getElementById('greetingsShell').style.visibility = "visible";

}


function updateEditingToolWithGreetingMessage(message){
	
	// Line break after every X characters (broken at each space);
	var numSpacesToSplitAt = 20;
	var messageArr = message.split("");
	
	var messageWithLineBreaks = "";
	
	var charCounter = 0;
	for(var i=0; i<messageArr.length; i++){
		
		charCounter++;
		
		messageWithLineBreaks += messageArr[i];
		
		if(charCounter > numSpacesToSplitAt && messageArr[i] == " "){
			messageWithLineBreaks += "\n";
			charCounter = 0;
		}
	}
	
	document.getElementById(GreetingMessageFieldId).value = messageWithLineBreaks;
	document.getElementById(GreetingMessageFieldId).style.height = "60px";
	UpdateTextLayerInFlash(GreetingMessageFieldOrder);
}