var dgEmail = {
	options: {
		modal : true,
		resizable : false,
		width : 356,
		height : 384,
		title: 'Email Selection',
		closeText : 'close X',
		dialogClass : 'dialogEmail'
	},
	init: function(){
		$(".lnkEmailSelection").click(function(){
			dgEmail.show();
		});
	},
	show: function(){
		this.setHTML();
		$("#dialogEmail").dialog(dgEmail.options);
	},
	setHTML: function(){
		$("#dialogEmailData").html(dgEmail.getHTML);

		//Cancel button
		$(".lnkCancelEmail").bind("click",function(){
			$("#dialogEmail").dialog("close");
		});
		
		//Send Button
		$(".lnkSendEmail").bind("click",function(){
			$("#sendEmail").submit();
			$("#dialogEmail").dialog("close");
		});
	},
	getHTML: function(){
		HTML = '<div id="dialogEmail">';
		HTML += '	<form name="email" id="sendEmail" method="post">';
		HTML += '		<label for="from">FROM:</label>';
		HTML += '		<input type="text" name="from" class="fromEmail">';
		HTML += '		<label for="to">TO:</label>';
		HTML += '		<input type="text" name="to" class="toEmail">';
		HTML += '		<label for="message">MESSAGE (Optional)</label>';
		HTML += '		<textarea name="message" class="messageEmail"></textarea>';
		HTML += '		<div class="buttonsBox clearfix">';
		HTML += '			<a class="lnkCancelEmail noShow" href="javascript:void(0);">CANCEL</a>';
		HTML += '			<a class="lnkSendEmail noShow" href="javascript:void(0);">SEND</a>';
		HTML += '		</div>';
		HTML += '	</form>';
		HTML += '</div>';
		return HTML;
	}
}

$("document").ready(function() {

            
        
});