Index: /trunk/contactcenter/templates/default/api_common.tpl
===================================================================
--- /trunk/contactcenter/templates/default/api_common.tpl	(revision 1158)
+++ /trunk/contactcenter/templates/default/api_common.tpl	(revision 1158)
@@ -0,0 +1,50 @@
+<!-- DEBUG -->
+<div id="cc_debug" style="display: none; position: absolute; top:0px; left: 1000px; width: 600px"></div>
+<!-- END DEBUG -->
+
+<!-- ContactCenter API Start -->
+<input id="cc_server_root" type="hidden" value="{cc_server_root}" />
+<input id="cc_phpgw_img_dir" type="hidden" value="{cc_phpgw_img_dir}" />
+<input id="cc_email_id_type" type="hidden" value="{cc_email_id_type}" />
+
+<!-- JS MESSAGES -->
+<input id="cc_msg_err_invalid_catalog" type="hidden" value="{cc_msg_err_invalid_catalog}" />
+<input id="cc_msg_err_contacting_server" type="hidden" value="{cc_msg_err_contacting_server}" />
+<input id="cc_msg_err_timeout" type="hidden" value="{cc_msg_err_timeout}" />
+<input id="cc_msg_err_serialize_data_unknown" type="hidden" value="{cc_msg_err_serialize_data_unknown}" />
+
+<input id="cc_msg_err_empty_field" type="hidden" value="{cc_msg_err_empty_field}" />
+<input id="cc_msg_type_state" type="hidden" value="{cc_msg_type_state}" />
+<input id="cc_msg_type_city" type="hidden" value="{cc_msg_type_city}" />
+<!-- END JS MESSAGES -->
+
+
+<input id="cc_connector_visible" type="hidden" value="{cc_connector_visible}" />
+<input id="cc_loading_1" type="hidden" value="{cc_loading_1}" />
+<input id="cc_loading_2" type="hidden" value="{cc_loading_2}" />
+<input id="cc_loading_3" type="hidden" value="{cc_loading_3}" />
+<input id="cc_loading_image" type="hidden" value="{cc_loading_image}" />
+
+<link rel="stylesheet" type="text/css" href="{cc_css}" />
+<link rel="stylesheet" type="text/css" href="{cc_dtree_css}" />
+<script type="text/javascript" src="{cc_js_aux}"></script>
+<script type="text/javascript" src="{cc_js_connector}"></script>
+<script type="text/javascript" src="{cc_js_wz_dragdrop}"></script>
+<script type="text/javascript" src="{cc_js_dtree}"></script>
+<script type="text/javascript" src="{cc_js_dtabs}"></script>
+<script type="text/javascript" src="{cc_js_djswin}"></script>
+<script type="text/javascript" src="{cc_js_catalog_tree}"></script>
+
+<div id="cc_loading" class="hidden">
+	<table class="loading" background="{cc_loading_image}"> 
+		<tr>
+			<td id="cc_loading_inner"></td>
+		</tr>
+	</table>
+</div>
+
+<script type="text/javascript">
+	var Connector = new cConnector();
+	Connector.setVisible(true);
+</script>
+<!-- ContactCenter API End -->
Index: /trunk/contactcenter/templates/default/head.inc.php
===================================================================
--- /trunk/contactcenter/templates/default/head.inc.php	(revision 1158)
+++ /trunk/contactcenter/templates/default/head.inc.php	(revision 1158)
@@ -0,0 +1,89 @@
+<?php
+	/**************************************************************************\
+	* phpGroupWare                                                             *
+	* http://www.phpgroupware.org                                              *
+	* --------------------------------------------                             *
+	*  This program is free software; you can redistribute it and/or modify it *
+	*  under the terms of the GNU General Public License as published by the   *
+	*  Free Software Foundation; either version 2 of the License, or (at your  *
+	*  option) any later version.                                              *
+	\**************************************************************************/
+
+
+	if($GLOBALS['phpgw_info']['user']['preferences']['common']['show_generation_time'])
+	{
+		$mtime = microtime(); 
+		$mtime = explode(' ',$mtime); 
+		$mtime = $mtime[1] + $mtime[0]; 
+		$GLOBALS['page_start_time'] = $mtime; 
+	}
+
+	// get used language code
+	$lang_code = $GLOBALS['phpgw_info']['user']['preferences']['common']['lang'];
+
+	$bodyheader = ' bgcolor="' . $GLOBALS['phpgw_info']['theme']['bg_color'] . '" alink="'
+		. $GLOBALS['phpgw_info']['theme']['alink'] . '" link="' . $GLOBALS['phpgw_info']['theme']['link'] . '" vlink="'
+		. $GLOBALS['phpgw_info']['theme']['vlink'] . '"';
+
+	if(!$GLOBALS['phpgw_info']['server']['htmlcompliant'])
+	{
+		$bodyheader .= '';
+	}
+
+	#_debug_array($GLOBALS['phpgw_info']['user']['preferences']['common']);
+	$theme_css = $GLOBALS['phpgw_info']['server']['webserver_url'] . '/phpgwapi/templates/celepar/css/'.$GLOBALS['phpgw_info']['user']['preferences']['common']['theme'].'.css';
+	if(!file_exists($theme_css))
+	{
+		$theme_css = $GLOBALS['phpgw_info']['server']['webserver_url'] . '/phpgwapi/templates/celepar/css/'.$GLOBALS['phpgw_info']['user']['preferences']['common']['theme'].'.css';
+	}
+
+	//pngfix defaults to yes
+	if(!$GLOBALS['phpgw_info']['user']['preferences']['common']['disable_pngfix'])
+	{
+		$pngfix_src = $GLOBALS['phpgw_info']['server']['webserver_url'] . '/phpgwapi/templates/celepar/js/pngfix.js';
+		$pngfix ='<!-- This solves the Internet Explorer PNG-transparency bug, but only for IE 5.5 and higher --> 
+		<!--[if gte IE 5.5000]>
+		<script src="'.$pngfix_src.'" type="text/javascript">
+		</script>
+		<![endif]-->';
+	}
+
+	if(!$GLOBALS['phpgw_info']['user']['preferences']['common']['disable_slider_effects'])
+	{
+		$slider_effects_src = $GLOBALS['phpgw_info']['server']['webserver_url'] . '/phpgwapi/templates/celepar/js/slidereffects.js';
+		$slider_effects = '<script src="'.$slider_effects_src.'" type="text/javascript">
+		</script>';
+	}
+	else
+	{
+		$simple_show_hide_src = $GLOBALS['phpgw_info']['server']['webserver_url'] . '/phpgwapi/templates/celepar/js/simple_show_hide.js';
+		$simple_show_hide = '<script src="'.$simple_show_hide_src.'" type="text/javascript">
+		</script>';
+	}
+
+	$tpl = CreateObject('phpgwapi.Template',PHPGW_TEMPLATE_DIR);
+	$tpl->set_unknowns('remove');
+	$tpl->set_file(array('_head' => 'head.tpl'));
+	$tpl->set_block('_head','head');
+
+	$app = $GLOBALS['phpgw_info']['flags']['currentapp'];
+	$app = $app ? ' ['.(isset($GLOBALS['phpgw_info']['apps'][$app]) ? $GLOBALS['phpgw_info']['apps'][$app]['title'] : lang($app)).']':'';
+
+	$var = Array(
+		'img_icon'      => PHPGW_IMAGES_DIR . '/favicon.ico',
+		'img_shortcut'  => PHPGW_IMAGES_DIR . '/favicon.ico',
+		'pngfix'        => $pngfix,
+		'slider_effects'=> $slider_effects,
+		'simple_show_hide'=> $simple_show_hide,
+		'lang_code'=> $lang_code,
+		'charset'       => $GLOBALS['phpgw']->translation->charset(),
+		'font_family'   => $GLOBALS['phpgw_info']['theme']['font'],
+		'website_title' => $GLOBALS['phpgw_info']['server']['site_title'].$app,
+		'body_tags'     => $bodyheader .' '. $GLOBALS['phpgw']->common->get_body_attribs(),
+		'theme_css'     => $theme_css,
+		'css'           => $GLOBALS['phpgw']->common->get_css(),
+		'java_script'   => $GLOBALS['phpgw']->common->get_java_script()	);
+	$tpl->set_var($var);
+	$tpl->pfp('out','head');
+	unset($tpl);
+?>
Index: /trunk/contactcenter/templates/default/preferences.tpl
===================================================================
--- /trunk/contactcenter/templates/default/preferences.tpl	(revision 1158)
+++ /trunk/contactcenter/templates/default/preferences.tpl	(revision 1158)
@@ -0,0 +1,66 @@
+<!--
+	ContactCenter Preferences TPL File
+	Copyright (C) 2004 - Raphael Derosso Pereira 
+	(raphaelpereira@users.sourceforge.net)
+	
+	This file is licensed under the terms of th GNU GPL
+	version 2 or above
+-->
+
+<form method="POST" action="{form_action}">
+<div id="cc_pref_cards" style="width: 100%; border: 0px solid black">
+	<p align="center" style="font-weight: bold; font-size: medium; border: 0px solid black">{lang_Cards_Visualization_Preferences}</p>
+	<table align="center" style="width: 400px">
+		<tr class="th">
+			<td style="text-align: center; font-weight: bold">{lang_Option}</td>
+			<td style="text-align: center; font-weight: bold">{lang_Value}</td>
+		</tr>
+		<tr class="row_off">
+			<td>{lang_Default_Person_Email_Type}</td>
+			<td>
+				<select name="personCardEmail" style="width: 200px">
+					<option selected value="_NONE_">{lang_Choose_Email_Type...}</option>
+					{personCardEmail}
+				</select>
+			</td>
+		</tr>
+		<tr class="row_on">
+			<td>{lang_Default_Person_Telephone_Type}</td>
+			<td>
+				<select name="personCardPhone" style="width: 200px">
+					<option selected value="_NONE_">{lang_Choose_Telephone_Type...}</option>
+					{personCardPhone}
+				</select>
+			</td>
+		</tr>
+		<tr>
+			<td></td>
+			<td style="text-align: right;">
+				<input type="submit" name="save" value="{lang_Save}">
+				<input type="button" name="cancel" value="{lang_Cancel}" onclick="window.back()">
+			</td>
+		</tr>
+	</table>
+	<br>
+	<p align="center" style="font-weight: bold; font-size: medium; border: 0px solid black">{lang_Connector_Setup}</p>
+	<table align="center" style="width: 400px">
+		<tr class="th">
+			<td style="text-align: center; font-weight: bold; width: 200px">{lang_Option}</td>
+			<td style="text-align: center; font-weight: bold; width: 200px">{lang_Value}</td>
+		</tr>
+		<tr class="row_off">
+			<td>{lang_Display_Connector_Client-Server_Status_Information?}</td>
+			<td align="center">
+				<input type="checkbox" name="displayConnector" {displayConnector} />
+			</td>
+		</tr>
+		<tr>
+			<td></td>
+			<td style="text-align: right;">
+				<input type="submit" name="save" value="{lang_Save}">
+				<input type="button" name="cancel" value="{lang_Cancel}" onclick="window.back()">
+			</td>
+		</tr>
+	</table>
+</div>
+</form>
Index: /trunk/contactcenter/templates/default/search_win.tpl
===================================================================
--- /trunk/contactcenter/templates/default/search_win.tpl	(revision 1158)
+++ /trunk/contactcenter/templates/default/search_win.tpl	(revision 1158)
@@ -0,0 +1,67 @@
+{cc_api}
+
+<script type="text/javascript" src="{cc_js_search_win}"></script>
+
+<div id="cc_search" style="position: absolute; width: 450px; height: 300px; visibility: hidden; z-index: 2; border: 1px solid #999; border-top: 0px;">
+	<input id="cc_search_title" type="hidden" value="{cc_search_title}">
+	<table border="0" width="450px" height="300px" style="background: #eee">
+		<tr valign="top">
+			<td style="width: 250px">
+				<table width="100%" border="0">
+					<tr>
+						<td align="left">{cc_search_catalogues}</td>
+					</tr>
+					<tr>
+						<td align="left"><div id="cc_search_catalogues" style="position: relative; width: 250px; height: 265px; border: 1px solid #999; overflow: auto;" class="row_on"></div></td>
+					</tr>
+				</table>
+			</td>
+			<td style="width: 200px">
+				<table width="100%" height="100%" border="0">
+					<tr>
+						<td align="left" colspan="2">{cc_search_for}</td>
+					</tr>
+					<tr>
+						<td align="left" colspan="2"><input id="cc_search_for" type="text" /></td>
+					</tr>
+					<tr height="100%" valign="bottom">
+						<td align="right" height="100%" valign="bottom"><input type="button" value="{cc_search_go}" style="width: 70px" onclick="javascript: ccSearchWin.go()" /></td>
+						<td align="right" height="100%" width="1%" valign="bottom"><input type="button" value="{cc_search_cancel}" style="width: 70px" onclick="javascript:ccSearchWin.close();" /></td>
+					</tr>
+				</table>
+			</td>
+		</tr>
+	</table>
+</div>
+
+<script type="text/javascript">
+	var searchWin_load = document.body.onload;
+	var ccSearchWin, ccSearchWindow;
+
+	var searchWin_load_f = function(e)
+	{
+		ccSearchWindow = new dJSWin({'id': 'cc_search_window',
+									 'content_id': 'cc_search',
+									 'win_class': 'row_off',
+									 'width': '452px',
+									 'height': '300px',
+									 'title_color': '#3978d6',
+									 'title': Element('cc_search_title').value,
+									 'title_text_color': 'white',
+									 'button_x_img': Element('cc_phpgw_img_dir').value+'/winclose.gif',
+									 'border': true});
+
+		ccSearchWindow.draw();
+		ccSearchWin = new ccSearchWinClass({'window': ccSearchWindow, 'tree': 'ccSearchTree'});
+	}
+
+	if (is_ie)
+	{
+		//document.body.onload = function(e) {setTimeout('searchWin_load_f()'); searchWin_load ? setTimeout('searchWin_load()', 10) : false;};
+		document.body.onload = function(e) {searchWin_load_f(); searchWin_load ? searchWin_load() : false;};
+	}
+	else
+	{
+		searchWin_load_f();
+	}
+</script>
Index: /trunk/contactcenter/templates/default/email_win.tpl
===================================================================
--- /trunk/contactcenter/templates/default/email_win.tpl	(revision 1158)
+++ /trunk/contactcenter/templates/default/email_win.tpl	(revision 1158)
@@ -0,0 +1,143 @@
+{cc_api}
+
+<script type="text/javascript" src="{cc_js_search}"></script>
+<script type="text/javascript" src="{cc_js_email_win}"></script>
+<input id="cc_email_win_title" type="hidden" value="{cc_email_win_title}"/>
+<input id="cc_email_status" type="hidden" value="{cc_email_status}"/>
+<input id="cc_email_search_text" type="hidden" value="{cc_email_search_text}"/>
+<input id="cc_email_conn_1" type="hidden" value="{cc_email_conn_1}"/>
+<input id="cc_email_conn_2" type="hidden" value="{cc_email_conn_2}"/>
+<input id="cc_email_conn_3" type="hidden" value="{cc_email_conn_3}"/>
+
+<div id="cc_email_win" style="position: absolute; width: 720px;z-index:1; height: 350px; visibility: hidden;  border: 1px solid #999; border-top: 0px; background-color: #eee;">
+	<table border="0" width="100%" height="100%">
+		<tr>
+			<td>
+				<table>
+					<tr>
+						<td id="cc_email_search"></td>
+					</tr>
+				</table>
+			</td>
+		</tr>
+		<tr>
+			<td>
+				<table border="0" width="100%">
+					<tr>
+						<td valign="top">
+							<table border="0">
+								<tr>
+									<td>{cc_label_catalogues}</td>
+								</tr>
+								<tr>
+									<td><div id="cc_email_catalogues" style=" position: relative; width: 300px; height: 110px; border: 1px solid #999; overflow:auto" class="row_on"></div>
+									</td>
+								</tr>
+								<tr>
+									<td>{cc_label_entries}</td>
+								</tr>
+								<tr>
+									<td><select id="cc_email_win_entries" style="width: 300px; height: 110px; overflow: auto;" multiple></select></td>
+								</tr>
+							</table>
+						</td>
+						<td valign="top">
+							<table border="0" width="100%" height="100%">
+								<tr>
+									<td></td>
+									<td>{cc_label_to}</td>
+								</tr>
+								<tr>
+									<td>
+										<table>
+											<tr><td><input style="width: 90px;" type="button" value="{cc_btn_to_add}" onclick="javascript:ccEmailWin.entries_to();"></td></tr>
+											<tr><td><input style="width: 90px;" type="button" value="{cc_btn_to_del}" onclick="javascript:ccEmailWin.to_entries();"></td></tr>
+										</table>
+									</td>
+									<td><select id="cc_email_win_to" style="width: 280px; height: 65px;" multiple></select></td>
+								</tr>
+								<tr>
+									<td></td>
+									<td>{cc_label_cc}</td>
+								</tr>
+								<tr>
+									<td>
+										<table>
+											<tr><td><input style="width: 90px;" type="button" value="{cc_btn_cc_add}" onclick="javascript:ccEmailWin.entries_cc();"></td></tr>
+											<tr><td><input style="width: 90px;" type="button" value="{cc_btn_cc_del}" onclick="javascript:ccEmailWin.cc_entries();"></td></tr>
+										</table>
+									</td>
+									<td><select id="cc_email_win_cc" style="width: 280px; height: 65px;" multiple></select></td>
+								</tr>
+								<tr>
+									<td></td>
+									<td>{cc_label_cco}</td>
+								</tr>
+								<tr>
+									<td>
+										<table>
+											<tr><td><input style="width: 90px;" type="button" value="{cc_btn_cco_add}" onclick="javascript:ccEmailWin.entries_cco();"></td></tr>
+											<tr><td><input style="width: 90px;" type="button" value="{cc_btn_cco_del}" onclick="javascript:ccEmailWin.cco_entries();"></td></tr>
+										</table>
+									</td>
+									<td><select id="cc_email_win_cco" style="width: 280px; height: 65px;" multiple></select></td>
+								</tr>								
+							</table>
+						</td>
+					</tr>
+				</table>
+			</td>
+		</tr>
+		<tr>
+			<td valign="top">
+				<table width="100%" border="0">
+					<tr align="center">
+						<td style="width: 523px">&nbsp;</td>
+						<td style="width: 35px"><input style="width: 70px;" type="button" value="{cc_btn_ok}" onclick="javascript:ccEmailWin.ok();"></td>
+						<td style="width: 35px"><input style="width: 70px;" type="button" value="{cc_btn_cancel}" onclick="javascript:ccEmailWin.close();"></td>
+						<td style="width: 7px"></td>
+					</tr>
+				</table>
+			</td>
+		</tr>
+		<tr>
+			<td id="cc_email_win_debug"></td>
+		</tr>
+	</table>
+</div>
+
+<!-- BOTTOM DETAILS-->
+<script type="text/javascript">
+	var emailWin_load = document.body.onload;
+	var ccEmailWin, ccEmailWindow;
+	
+	
+	var emailWin_load_f = function(e)
+	{
+		ccEmailWindow = new dJSWin({'id': 'cc_email_window',
+									'content_id': 'cc_email_win',
+									'win_class': 'row_off',
+									'width': '720px',
+									'height': '350px',
+									'title_color': '#3978d6',
+									'title': Element('cc_email_win_title').value,
+									'title_text_color': 'white',
+									'button_x_img': Element('cc_phpgw_img_dir').value+'/winclose.gif',
+									'border': true});
+
+		ccEmailWindow.draw();		
+		ccEmailWin = new ccEmailWinClass({'window': ccEmailWindow});
+		//ccEmailWin.open();
+	}
+
+	if (is_ie)
+	{		
+		document.body.onload = function(e) {emailWin_load ? emailWin_load() : false; emailWin_load_f()};
+	}
+	else
+	{
+		emailWin_load_f();
+	}
+
+</script>
+<!-- END BOTTOM DETAILS-->
Index: /trunk/contactcenter/templates/default/quickAddPlugin.tpl
===================================================================
--- /trunk/contactcenter/templates/default/quickAddPlugin.tpl	(revision 1158)
+++ /trunk/contactcenter/templates/default/quickAddPlugin.tpl	(revision 1158)
@@ -0,0 +1,31 @@
+<!--
+
+	eGroupWare - Contact Center - Quick Add Plugin Interface Template
+	Copyright (C) 2004 - Raphael Derosso Pereira
+	(raphaelpereira@users.sourceforge.net)
+
+	This file is licensed under the terms of th GNU GPL
+	version 2 or above
+	
+-->
+
+{cc_api}
+
+<div id="ccQuickAddContent" style="position: absolute; visibility: hidden">
+	<input id="ccQAnFields" type="hidden" value="{ccQAnFields}" />
+	<input id="ccQATitle" type="hidden" value="{ccQATitle}" />
+	<input id="ccQAWinHeight" type="hidden" value="{ccQAWinHeight}" />
+	
+	<div style="border: 0px solid #999;">
+		
+		{ccQAFields}
+
+	</div>
+	<div id="ccQAFuncitons" style="border: 0px solid black; width: 220px; height: 20px">
+		<input title="{ccQASave}" type="button" onclick="ccQuickAdd.send();" value="{ccQASave}" style="position: absolute; top: {ccQAFunctionsTop}; left: 55px; width: 60px" />
+		<input title="{ccQAClear}" type="button" onclick="ccQuickAdd.clear();" value="{ccQAClear}" style="position: absolute; top: {ccQAFunctionsTop}; left: 120px; width: 60px" />
+		<input title="{ccQACancel}" type="button" onclick="ccQuickAdd.clear(); ccQuickAdd.window.close();" value="{ccQACancel}" style="position: absolute; top: {ccQAFunctionsTop}; left: 185px; width: 60px" />
+	</div>
+</div>
+
+<script type="text/javascript" src="{ccQAPluginFile}"></script>
Index: /trunk/contactcenter/templates/default/addGroup.tpl
===================================================================
--- /trunk/contactcenter/templates/default/addGroup.tpl	(revision 1158)
+++ /trunk/contactcenter/templates/default/addGroup.tpl	(revision 1158)
@@ -0,0 +1,65 @@
+<!--
+
+	eGroupWare - Contact Center - Quick Add Plugin Interface Template
+	Copyright (C) 2004 - Raphael Derosso Pereira
+	(raphaelpereira@users.sourceforge.net)
+
+	This file is licensed under the terms of th GNU GPL
+	version 2 or above
+	
+-->
+{cc_api}
+
+<div align="center" id="ccAddGroupContent" style="position: absolute; visibility: hidden">
+	<input id="ccAGnFields" type="hidden" value="{ccAGnFields}" />
+	<input id="ccAGTitle" type="hidden" value="{ccAGTitle}" />
+	<input id="ccAGWinHeightIE" type="hidden" value="{ccAGWinHeightIE}" />
+	<input id="ccAGWinHeightMO" type="hidden" value="{ccAGWinHeightMO}" />
+	<input id="group_id" type="hidden">
+	<br>
+	<table border="0"  cellpadding="0" cellspacing="0" width="100%">
+		<tr height="30">
+			<td  width="17%" valign="center" align="right" nowrap>{txt_name}:</td>
+			<td  valign="center" align="left">&nbsp;&nbsp;{title}</td>
+		</tr>
+ 	</table>			
+	<br><br>			
+	<table border="0" cellpadding="0" cellspacing="0" width="95%">
+		<tr>
+			<td  align="right">
+				<table border="0" cellpadding="0" cellspacing="0">
+					<tr height="30" class="th">
+						<td  align="center">{txt_personal_contacts}</td>					
+					</tr>
+					<tr height="30" class="th">
+						<td  align="right"><span id='span_contact_list'/></td>
+					</tr>
+				</table>
+			</td>
+			<td id="buttons" width="95" align="center">
+				<button type="button" onClick="ccAddGroup.addUser()"><img src="../phpgwapi/templates/celepar/images/add.png" style="vertical-align: middle;" >&nbsp;{txt_add}</button>
+				<br><br>
+				<button type="button" onClick="ccAddGroup.remUser()"><img src="../phpgwapi/templates/celepar/images/rem.png" style="vertical-align: middle;" >&nbsp;{txt_rem}</button> 
+			</td>
+			<td  align="left">
+				<table border="0" cellpadding="0" cellspacing="0">
+					<tr height="30" class="th">
+						<td  align="center">{txt_contacts_in_list}</td>					
+					</tr>
+					<tr height="30" class="th">
+						<td  align="left"><select  id="contact_in_list" multiple name="contact_in_list[]" style="width:280px" size="10"></select></td>
+					</tr>
+				</table>
+			</td>
+		</tr>
+		<tr>
+			<td align="center" colspan="3">
+					<br>						
+					<input title="{ccAGSave}" type="button" onclick="ccAddGroup.send();" value="{ccAGSave}" />
+					<input title="{ccAGClear}" type="button" onclick="ccAddGroup.clear();" value="{ccAGClear}" />
+					<input title="{ccAGCancel}" type="button" onclick="ccAddGroup.clear(); ccAddGroup.window.close();" value="{ccAGCancel}"/>						
+			</td>
+		</tr>
+	</table>					
+</div>
+<script type="text/javascript" src="{ccAGFile}"></script>
Index: /trunk/contactcenter/templates/default/config.tpl
===================================================================
--- /trunk/contactcenter/templates/default/config.tpl	(revision 1158)
+++ /trunk/contactcenter/templates/default/config.tpl	(revision 1158)
@@ -0,0 +1,119 @@
+<!-- BEGIN header -->
+<form method="POST" action="{action_url}">
+<table border="0" align="center">
+	<tr class="th">
+		<td colspan="2"><font color="{th_text}">&nbsp;<b>{title}</b></font></td>
+	</tr>
+	<tr>
+   		<td></td>
+	</tr>
+	<tr>
+		<td colspan="2"><b>{error}</b></td>
+	</tr>
+   <tr>
+   	<td></td>
+   </tr>
+<!-- END header -->
+<!-- BEGIN body -->
+	<tr class="th">
+		<td colspan="2" align="center"><b>{lang_ContactCenter_Global_Catalogue_Setup}</b></td>
+	</tr>
+	<tr>
+   		<td></td>
+	</tr>
+	<tr class="row_off">
+		<td>{lang_Select_where_your_Global_Catalogue_is}:</td>
+		<td>
+			<select name="newsettings[cc_global_source0]">
+				<option value="sql" {selected_cc_global_source0_sql}>SQL</option>
+				<option value="ldap" {selected_cc_global_source0_ldap}>LDAP</option>
+			</select>
+		</td>
+	</tr>
+	<tr class="row_on">
+		<td>{lang_Catalog_Name}:</td>
+		<td><input name="newsettings[cc_catalog_name]" value="{value_cc_catalog_name}" size="40" /></td>
+	</tr>
+	<tr class="row_off">
+		<td>{lang_LDAP_Host}:</td>
+		<td><input name="newsettings[cc_ldap_host0]" value="{value_cc_ldap_host0}" size="40" /></td>
+	</tr>
+	<tr class="row_on">
+		<td>{lang_LDAP_Context}:</td>
+		<td><input name="newsettings[cc_ldap_context0]" value="{value_cc_ldap_context0}" size="40" /></td>
+	</tr>
+	<tr class="row_off">
+		<td>{lang_Account_DN_to_be_used_when_browsing_LDAP}:</td>
+		<td><input name="newsettings[cc_ldap_browse_dn0]" value="{value_cc_ldap_browse_dn0}" size="40" /></td>
+	</tr>
+	<tr class="row_on">
+		<td>{lang_Password_for_the_account_above_(if_any)}:</td>
+		<td><input name="newsettings[cc_ldap_pw0]" type="password" value="" size="40" /></td>
+	</tr>
+	<tr class="row_off">
+		<td>Abrir Consulta Automática :</td>
+		<td>
+			<select name="newsettings[cc_ldap_query_automatic]">
+				<option value="true" {selected_cc_ldap_query_automatic_true}>Sim</option>	
+				<option value="false" {selected_cc_ldap_query_automatic_false}>Não</option>							
+			</select>
+		</td>
+	</tr>
+  
+  <!-- <tr class="row_on">
+  	<td>{lang_objectClass_to_be_used_as_a_Contact}:</td>
+  	<td>
+  		<select name="newsettings[cc_ldap_objectclass0]">
+			<option value="op_iop" {selected_cc_ldap_objectclass0}>organizationalPerson+inetOrgPerson</option>
+      		<option value="custom" {selected_cc_ldap_objectclass0}>{lang_Custom} {lang_(Not_implemented_yet)}</option>
+      	</select>
+  </tr>
+	<tr class="row_off">
+		<td>{lang_Custom_objectClass_name}:<br>
+			<span style="font-size: 10px;">{lang_(if_your_LDAP_contact_has_multiple_objectClass_attributes,_enter_just_one!)}</span></td>
+		<td><input name="newsettings[cc_ldap_custom_objectclass0]" type="text" value="{value_cc_ldap_custom_objectclass0}" size="40"></td>
+	</tr>
+	
+	<tr class="th"><td colspan="2" align="center"><b>{lang_Custom_LDAP_objectClass_Fields_association}</b></td></tr>
+	
+	<tr class="row_on" style="font-weight: bold;">
+	<td>{lang_ContactCenter_Field}</td><td>{lang_LDAP_field}</td>
+	</tr>
+	<tr class="row_off">
+		<td>{lang_Contact_Photo}:</td>
+		<td><input type="text" size="40" name="newsettings[cc_ldap_ass_photo0]" value="{value_cc_ldap_ass_photo0}"></td>
+	</tr>
+	<tr>
+		<td>{lang_Contact_Alias}:</td>
+		<td><input type="text" size="40" name="newsettings[cc_ldap_ass_alias0]" value="{value_cc_ldap_ass_alias0}"></td>
+	</tr>
+	<tr>
+		<td>{lang_Contact_Prefix}:</td>
+		<td><input type="text" size="40" name="newsettings[cc_ldap_ass_prefix0]" value="{value_cc_ldap_ass_prefix0}"></td>
+	</tr>
+	<tr>
+		<td>{lang_Contact_Given_Names}:</td>
+		<td><input type="text" size="40" name="newsettings[cc_ldap_ass_given0]" value="{value_cc_ldap_ass_given0}"></td>
+	</tr>
+	<tr>
+		<td>{lang_Contact_Family_Names}:</td>
+		<td><input type="text" size="40" name="newsettings[cc_ldap_ass_family0]" value="{value_cc_ldap_ass_family0}"></td>
+	</tr>
+	<tr>
+		<td>{lang_Contact_Full_Name}:</td>
+		<td><input type="text" size="40" name="newsettings[cc_ldap_ass_fulln0]" value="{value_cc_ldap_ass_fulln0}"></td>
+	</tr>-->
+<!-- END body -->
+<!-- BEGIN footer -->
+	<tr class="th">
+		<td colspan="2">&nbsp;</td>
+	</tr>
+	<tr>
+		<td colspan="2" align="center">
+			<input type="submit" name="submit" value="{lang_submit}">
+			<input type="submit" name="cancel" value="{lang_cancel}">
+		</td>
+	</tr>
+</table>
+</form>
+<!-- END footer -->
Index: /trunk/contactcenter/templates/default/index.tpl
===================================================================
--- /trunk/contactcenter/templates/default/index.tpl	(revision 1158)
+++ /trunk/contactcenter/templates/default/index.tpl	(revision 1158)
@@ -0,0 +1,253 @@
+<link rel="stylesheet" type="text/css" href="{cc_css}">
+<style>	
+	.special{
+		cursor:pointer;
+		cursor:hand;
+		position:relative; 
+		top:0px; 
+		left:0px;
+		color: #006699; 
+		background-color:#DCDCDC;
+	}
+</style>
+<script src="js/cc.js" type="text/javascript"></script>
+<!-- JS MESSAGES -->
+<input id="cc_msg_not_allowed" type="hidden" value="{cc_msg_not_allowed}">
+<input id="cc_msg_unavailable" type="hidden" value="{cc_msg_unavailable}">
+<input id="cc_msg_no_cards" type="hidden" value="{cc_msg_no_cards}">
+<input id="cc_msg_err_no_room" type="hidden" value="{cc_msg_err_no_room}">
+<input id="cc_root_dir" type="hidden" value="{cc_root_dir}">
+<input id="cc_msg_card_new" type="hidden" value="{cc_msg_card_new}">
+<input id="cc_msg_card_edit" type="hidden" value="{cc_msg_card_edit}">
+<input id="cc_msg_group" type="hidden" value="{cc_msg_group}">
+<input id="cc_msg_contact_full" type="hidden" value="{cc_msg_contact_full}">
+<input id="cc_msg_contact_qa" type="hidden" value="{cc_msg_contact_qa}">
+<input id="cc_msg_card_remove" type="hidden" value="{cc_msg_card_remove}">
+<input id="cc_msg_card_remove_confirm" type="hidden" value="{cc_msg_card_remove_confirm}">
+<input id="cc_send_mail" type="hidden" value="{cc_send_mail}">
+<input id="cc_msg_group_edit" type="hidden" value="{cc_msg_group_edit}">	
+<input id="cc_msg_group_remove" type="hidden" value="{cc_msg_group_remove}">
+<input id="cc_msg_group_remove_confirm" type="hidden" value="{cc_msg_group_remove_confirm}">
+<input id="cc_panel_search_text" type="hidden" value="{cc_panel_search}" style="cursor: pointer; cursor: hand;" onclick="javascript:ccSearch()" />
+<input id="cc_msg_close_win" type="hidden" value="{cc_msg_close_win}">
+<input id="cc_msg_import_contacts" type="hidden" value="{cc_msg_import_contacts}">
+<input id="cc_msg_export_contacts" type="hidden" value="{cc_msg_export_contacts}">
+<input id="cc_msg_expresso_info_csv" type="hidden" value="{cc_msg_expresso_info_csv}">
+<input id="cc_msg_choose_file_type" type="hidden" value="{cc_msg_choose_file_type}">
+<input id="cc_msg_outlook_express" type="hidden" value="{cc_msg_outlook_express}">
+<input id="cc_msg_outlook2k" type="hidden" value="{cc_msg_outlook2k}">
+<input id="cc_msg_expresso_default" type="hidden" value="{cc_msg_expresso_default}">
+<input id="cc_msg_choose_contacts_file" type="hidden" value="{cc_msg_choose_contacts_file}">
+<input id="cc_msg_close" type="hidden" value="{cc_msg_close}">
+<input id="cc_msg_ie_personal" type="hidden" value="{cc_msg_ie_personal}">
+<input id="cc_msg_import_fail" type="hidden" value="{cc_msg_import_fail}">
+<input id="cc_msg_export_csv" type="hidden" value="{cc_msg_export_csv}">		   
+<input id="cc_msg_automatic" type="hidden" value="{cc_msg_automatic}">
+<input id="cc_msg_importing_contacts" type="hidden" value="{cc_msg_importing_contacts}">
+<input id="cc_msg_import_finished" type="hidden" value="{cc_msg_import_finished}">
+<input id="cc_msg_invalid_csv" type="hidden" value="{cc_msg_invalid_csv}">
+<input id="cc_msg_new" type="hidden" value="{cc_msg_new}">
+<input id="cc_msg_failure" type="hidden" value="{cc_msg_failure}">
+<input id="cc_msg_exists" type="hidden" value="{cc_msg_exists}">
+<input id="cc_msg_show_more_info" type="hidden" value="{cc_msg_show_more_info}">
+<input id="cc_msg_clean" type="hidden" value="{cc_msg_clean}">
+<input id="cc_msg_choose_valid_csv" type="hidden" value="{cc_msg_choose_valid_csv}">
+<input id="cc_msg_export_error" type="hidden" value="{cc_msg_export_error}">
+<input id="cc_msg_new_email" type="hidden" value="{cc_msg_new_email}">
+<input id="cc_msg_main" type="hidden" value="{cc_msg_main}">
+<input id="cc_msg_alternative" type="hidden" value="{cc_msg_alternative}">
+<input id="cc_msg_select_email" type="hidden" value="{cc_msg_select_email}">
+<input id="cc_msg_new_phone" type="hidden" value="{cc_msg_new_phone}">
+<input id="cc_msg_home" type="hidden" value="{cc_msg_home}">
+<input id="cc_msg_cellphone" type="hidden" value="{cc_msg_cellphone}">
+<input id="cc_msg_work" type="hidden" value="{cc_msg_work}">
+<input id="cc_msg_fax" type="hidden" value="{cc_msg_fax}">
+<input id="cc_msg_pager" type="hidden" value="{cc_msg_pager}">
+<input id="cc_msg_choose_phone" type="hidden" value="{cc_msg_choose_phone}">
+<input id="cc_msg_warn_firefox" type="hidden" value="{cc_msg_warn_firefox}">
+<input id="cc_msg_firefox_half1" type="hidden" value="{cc_msg_firefox_half1}">
+<input id="cc_msg_firefox_half2" type="hidden" value="{cc_msg_firefox_half2}">
+<input id="cc_msg_click_close" type="hidden" value="{cc_msg_click_close}">
+<input id="cc_msg_install_now" type="hidden" value="{cc_msg_install_now}">
+<input id="cc_msg_install_new_firefox" type="hidden" value="{cc_msg_install_new_firefox}">
+<input id="cc_msg_close" type="hidden" value="{cc_msg_close}">
+<input id="cc_msg_outlook_express_pt" type="hidden" value="{cc_msg_outlook_express_pt}">
+<input id="cc_msg_outlook_express_en" type="hidden" value="{cc_msg_outlook_express_en}">
+<input id="cc_msg_outlook_2k_pt" type="hidden" value="{cc_msg_outlook_2k_pt}">
+<input id="cc_msg_outlook_2k_en" type="hidden" value="{cc_msg_outlook_2k_en}">
+<input id="cc_msg_moz_thunderbird" type="hidden" value="{cc_msg_moz_thunderbird}">
+<input id="cc_msg_expresso_default_csv" type="hidden" value="{cc_msg_expresso_default_csv}">
+<input id="cc_msg_copy_to_catalog" type="hidden" value="{cc_msg_copy_to_catalog}">
+<input id="cc_msg_fill_field_name" type="hidden" value="{cc_msg_fill_field_name}">
+<input id="cc_msg_add_contact_to_group" type="hidden" value="{cc_msg_add_contact_to_group}">
+
+
+ <!-- END JS MESSAGES -->
+ <input id="cc_type_contact" 	type="hidden">
+ <input id="cc_participants" 	type="hidden"  value="{cc_participants}">
+ 
+ <input id="cc_qa_alias" 		type="hidden" value="{cc_qa_alias}">
+ <input id="cc_qa_given_names" 	type="hidden" value="{cc_qa_given_names}">
+ <input id="cc_qa_family_names" type="hidden" value="{cc_qa_family_names}">
+ <input id="cc_qa_phone" 		type="hidden" value="{cc_qa_phone}">
+ <input id="cc_qa_email"		type="hidden" value="{cc_qa_email}">
+ 
+ <input id="cc_qa_save" 		type="hidden" value="{cc_qa_save}">
+ <input id="cc_qa_close"		type="hidden" value="{cc_qa_close}">
+ 
+ <input id="cc_empty" 			type="hidden"  value="{cc_empty}">
+  <!-- VIEW CARDS -->
+<table id="cc_main" width="100%" border="0" style="border: 0px solid #999;" cellpadding="1" cellspacing="1">
+	<tr width="100%">
+		<td id="cc_left" width="150px" valign="top" style="border: 0px solid #999;" height="100%">
+			<table id="cc_left_main" width="100%" height="100%" cellpadding="1" cellspacing="1" border="0">
+				<!-- __TREE -->
+				<tr>
+					<td class="th" align="center" valign="top">{cc_catalogs}</td>
+				</tr>
+				<tr>
+					<td width="150px" height="100%" align="left" valign="top"> 
+						<div id="cc_tree" style="overflow:auto;position:relative; width: 150px;border: 0px solid #999;"></div>
+					</td>
+				</tr>
+				<!-- __END TREE -->
+			</table>
+		</td>
+		<td id="cc_right" width="100%" align="center" valign="top" style="border: 0px solid #999;" height="auto">
+			<table width="100%" border="0"  cellpadding="0" cellspacing="0">
+			<!-- ___PANEL -->
+			<!--	<tr>
+					<td align="center" colspan="5">
+						<table width="100%" border="0">
+							<tr valign="top">
+								<td id="show_view_cards_tab_0" class="tab_box_active" onclick="show_view_cards_tab(0);">{cc_view_name}</td>
+								<td id="show_view_cards_tab_1" class="tab_box" onclick="show_view_cards_tab(1);">{cc_view_company}</td>
+								<td id="show_view_cards_tab_2" class="tab_box" onclick="show_view_cards_tab(2);">{cc_view_location}</td>
+							</tr>
+						</table>
+					</td>
+				</tr>-->
+				<tr align="left">
+					<td align="left">															
+					<input id="cc_button_new" onMouseOver="if(!menuStarted) menu();menu.onmouseover()" onMouseOut="menu.onmouseout()"  value="{cc_btn_new}" type="button">					
+					<div id="cc_panel_search_call" style="display: inline"></div>
+					<div id="cc_panel_table" style="display: none; text-align: right">
+					<input type="button" value="{cc_panel_table}" class="tab_box" style="cursor: pointer; cursor: hand;" onclick="javascript: ccChangeVisualization('table')" />
+					</div>
+					<div id="cc_panel_cards" style="display: inline; text-align: right">
+					<input type="button" value="{cc_panel_cards}" class="tab_box" style="cursor: pointer; cursor: hand;" onclick="javascript: ccChangeVisualization('cards')" />					
+					</div>
+					</td>
+					<td align="right">
+					<input id="cc_button_tools" value="{cc_btn_import_export}" type="button" onclick="javascript:ccIEContacts.showList()">
+					</td>
+				</tr>
+				<tr>
+					<td align="center" colspan="2">
+					<div id="cc_panel_letters" style="display:inline">
+						<table width="100%" border="0">
+							<tr valign="top">
+								<td id="cc_letter_0" class="letter_box" onclick="showCards('number', getActualPage()); selectLetter(0);">123...</td>
+								<td id="cc_letter_1" class="letter_box_active" onclick="showCards('a', getActualPage()); selectLetter(1);">A</td>
+								<td id="cc_letter_2" class="letter_box" onclick="showCards('b', getActualPage()); selectLetter(2);">B</td>
+								<td id="cc_letter_3" class="letter_box" onclick="showCards('c', getActualPage()); selectLetter(3);">C</td>
+								<td id="cc_letter_4" class="letter_box" onclick="showCards('d', getActualPage()); selectLetter(4);">D</td>
+								<td id="cc_letter_5" class="letter_box" onclick="showCards('e', getActualPage()); selectLetter(5);">E</td>
+								<td id="cc_letter_6" class="letter_box" onclick="showCards('f', getActualPage()); selectLetter(6);">F</td>
+								<td id="cc_letter_7" class="letter_box" onclick="showCards('g', getActualPage()); selectLetter(7);">G</td>
+								<td id="cc_letter_8" class="letter_box" onclick="showCards('h', getActualPage()); selectLetter(8);">H</td>
+								<td id="cc_letter_9" class="letter_box" onclick="showCards('i', getActualPage()); selectLetter(9);">I</td>
+								<td id="cc_letter_10" class="letter_box" onclick="showCards('j', getActualPage()); selectLetter(10);">J</td>
+								<td id="cc_letter_11" class="letter_box" onclick="showCards('k', getActualPage()); selectLetter(11);">K</td>
+								<td id="cc_letter_12" class="letter_box" onclick="showCards('l', getActualPage()); selectLetter(12);">L</td>
+								<td id="cc_letter_13" class="letter_box" onclick="showCards('m', getActualPage()); selectLetter(13);">M</td>
+								<td id="cc_letter_14" class="letter_box" onclick="showCards('n', getActualPage()); selectLetter(14);">N</td>
+								<td id="cc_letter_15" class="letter_box" onclick="showCards('o', getActualPage()); selectLetter(15);">O</td>
+								<td id="cc_letter_16" class="letter_box" onclick="showCards('p', getActualPage()); selectLetter(16);">P</td>
+								<td id="cc_letter_17" class="letter_box" onclick="showCards('q', getActualPage()); selectLetter(17);">Q</td>
+								<td id="cc_letter_18" class="letter_box" onclick="showCards('r', getActualPage()); selectLetter(18);">R</td>
+								<td id="cc_letter_19" class="letter_box" onclick="showCards('s', getActualPage()); selectLetter(19);">S</td>
+								<td id="cc_letter_20" class="letter_box" onclick="showCards('t', getActualPage()); selectLetter(20);">T</td>
+								<td id="cc_letter_21" class="letter_box" onclick="showCards('u', getActualPage()); selectLetter(21);">U</td>
+								<td id="cc_letter_22" class="letter_box" onclick="showCards('v', getActualPage()); selectLetter(22);">V</td>
+								<td id="cc_letter_23" class="letter_box" onclick="showCards('w', getActualPage()); selectLetter(23);">W</td>
+								<td id="cc_letter_24" class="letter_box" onclick="showCards('x', getActualPage()); selectLetter(24);">X</td>
+								<td id="cc_letter_25" class="letter_box" onclick="showCards('y', getActualPage()); selectLetter(25);">Y</td>
+								<td id="cc_letter_26" class="letter_box" onclick="showCards('z', getActualPage()); selectLetter(26);">Z</td>
+								<td id="cc_letter_27" class="letter_box" onclick="showCards('all', getActualPage()); selectLetter(27);">{cc_all}</td>
+							</tr>
+						</table>
+					</div>
+					<div id="cc_panel_search" style="display: none">
+						<table width="100%" border="0">
+							<tr valign="top">
+								<td class="letter_box" colspan="2" style="width: 10%" onclick="ccSearchHide()">123ABC...</td>
+								<td class="letter_box_active" style="text-align: center; text-valign: middle">{cc_panel_search_found}</td>
+							</tr>
+						</table>
+					</div>
+					</td>
+				</tr>
+				<tr class="th">
+					<td colspan="2">
+						<table cellpadding="0" cellspacing="0" width="100%" border="0">
+							<tr>
+								<td>
+									<table bgcolor="#D3DCE3" cellspacing="0" cellpadding="0" border="0">
+										<tr>
+											<td align="left" valign="middle"><span id="cc_panel_arrow_first"><img src="templates/default/images/first-grey.png" border="0" alt="{cc_panel_first_page}" hspace="2" onclick="javascript:false"/></span></td>
+										</tr>
+									</table>
+								</td>
+								<td width="2%" align="right" valign="center">
+									<table bgcolor="#D3DCE3" cellspacing="0" cellpadding="0" border="0">
+										<tr>
+											<td align="left" valign="middle"><span id="cc_panel_arrow_previous"><img src="templates/default/images/left-grey.png" border="0" alt="{cc_panel_previous_page}" hspace="2" onclick="" /></span></td>
+										</tr>
+									</table>
+								</td>
+								<td align="center" bgcolor="#D3DCE3" valign="center" width="92%">
+									<table bgcolor="#D3DCE3" cellspacing="0" cellpadding="0" border="0">
+										<tr>
+											<td id="cc_panel_pages"></td>
+										</tr>
+									</table>
+								</td>
+								<td width="2%" align="left" valign="center">
+									<table bgcolor="#D3DCE3" cellspacing="0" cellpadding="0" border="0">
+										<tr>
+											<td align="left" valign="middle"><span id="cc_panel_arrow_next"><img src="templates/default/images/right-grey.png" border="0" alt="{cc_panel_next_page}" hspace="2" /></span></td>
+										</tr>
+									</table>
+								</td>
+								<td width="2%" align="right" valign="center">
+									<table bgcolor="#D3DCE3" cellspacing="0" cellpadding="0" border="0">
+										<tr>
+											<td align="left" valign="middle"><span id="cc_panel_arrow_last"><img src="templates/default/images/last-grey.png" border="0" alt="{cc_panel_last_page}" hspace="2" /></span></td>
+										</tr>
+									</table>			
+								</td>
+							</tr>
+						</table>
+					</td>
+				</tr>
+				<!-- ___END PANEL -->
+				<!-- __CARDS -->				
+				<tr>
+					<td style="border: 0px solid #666;" id="cc_card_space" width="100%" height="auto" valign="top" align="center" colspan="4"></td>
+				</tr>												
+				<!-- __END CARDS -->
+			</table>
+		</td>
+	</tr>
+</table>
+	<div id="Layer1" style="position:absolute; top:178px; left:183px;width:auto; padding:2px; z-index:100000; background-color:#F2F3ED; border:1px solid #999999;visibility:hidden"></div>
+	<div id="debug_layer" style="position:absolute;width:0px;height:0px;display:none"></div>
+<!-- _END VIEW CARDS -->
+<!-- BOTTOM DETAILS-->
+<script type="text/javascript" src="js/moo.fx.js"></script>
+<script type="text/javascript" src="js/ccListParticipants.js"></script>
+<script type="text/javascript" src="js/ccQuickAddContact.js"></script>
+<script type="text/javascript" src="js/ccIEContacts.js"></script>
+<script type="text/javascript" src="js/ccMain.js"></script>
+<!-- END BOTTOM DETAILS-->						
Index: /trunk/contactcenter/templates/default/full_add.tpl
===================================================================
--- /trunk/contactcenter/templates/default/full_add.tpl	(revision 1158)
+++ /trunk/contactcenter/templates/default/full_add.tpl	(revision 1158)
@@ -0,0 +1,298 @@
+{cc_api}
+
+<!-- JS MESSAGES -->
+<!--input id="cc_msg_err_empty_field" type="hidden" value="{cc_msg_err_empty_field}"-->
+<!--input id="cc_msg_type_state" type="hidden" value="{cc_msg_type_state}"-->
+<!--input id="cc_msg_type_city" type="hidden" value="{cc_msg_type_city}"-->
+<!-- END JS MESSAGES -->
+
+
+<!-- WINDOW CONTACT -->
+<iframe id="cc_photo_frame" style="position: absolute; top: 0px; left: 0px; visibility:hidden"></iframe>
+<input id="cc_contact_title" type="hidden" value="{cc_contact_title}">
+<input id="cc_contact_personal" type="hidden" value="{cc_contact_personal}">
+<input id="cc_contact_addrs" type="hidden" value="{cc_contact_addrs}">
+<input id="cc_contact_conns" type="hidden" value="{emails_telephones}">
+<input id="cc_pd_full_name" name="{cc_pd_full_name}" type="hidden">
+<input id="cc_pd_sex" name="{cc_pd_sex}" type="hidden">
+<input id="cc_addr_other" name="{cc_addr_other}" type="hidden">
+<input id="cc_addr_po_box" name="{cc_addr_po_box}" type="hidden">
+<!-- _PERSONAL DATA -->
+<div id="cc_contact_tab_0" class="row_off div_cc_contact_tab" style="left:-498;top:-347;position: absolute;visibility: hidden;height:197px">
+	<form id="cc_full_add_form_personal">
+	<input id="cc_full_add_contact_id" type="text" style="display: none">
+	<table align="center" width="498px" height="197px" class="row_off" border="0">
+		<tr class="row_off">
+			<td align="right">{cc_pd_select_photo}:</td>
+			<td align="left" colspan="2">
+				<!-- Mozilla Method -->
+				<input id="cc_pd_select_photo" type="file" accept="image/gif,image/jpeg,image/png" name="cc_pd_photo" onchange="Element('cc_pd_photo').src = 'file://'+Element('cc_pd_select_photo').value">
+				<!-- IE Method -->
+				<input id="cc_pd_select_photo_t" type="text" name="cc_pd_select_photo_t" readonly>
+				<input id="cc_pd_select_photo_b" type="button" style="width: 60px" value="{cc_pd_select_photo_b}" onclick="Element('cc_photo_frame').contentWindow.document.all['cc_photo_input'].click();">
+			</td>
+			<td align="center" colspan="2" rowspan="3"><img id="cc_pd_photo" src="templates/default/images/photo.png" border="0" width="60px" height="80px"></td>
+		</tr>
+		<tr class="row_on">
+			<td align="right">{cc_pd_alias}:</td>
+			<td align="left" colspan="2"><input id="cc_pd_alias" name="{cc_pd_alias}" type="text" style="width:175px;z-index:-1" value="" maxlength=""></td>
+		</tr>
+		<tr style="display:none" class="row_off">
+			<td align="right">{cc_pd_prefix}:</td>
+			<td align="left" colspan="2"><select id="cc_pd_prefix" name="{cc_pd_prefix}" style="width: 175px;"><option value='0'>{cc_pd_choose_prefix}</option></select></td>
+		</tr>
+		<tr class="row_on">
+			<td align="right">{cc_pd_given_names}:</td>
+			<td align="left" colspan="2"><input id="cc_pd_given_names" name="{cc_pd_given_names}" type="text" style="width: 175px;" value="" maxlength=""></td>
+		</tr>
+		<tr class="row_on">
+			<td align="right">{cc_pd_family_names}:</td>
+			<td align="left"><input id="cc_pd_family_names" name="{cc_pd_family_names}" type="text" style="width: 175px;" value="" maxlength=""></td>
+			<td align="right">{cc_pd_birthdate}:</td>
+			<td align="left">
+				<input id="cc_pd_birthdate_0" style="text-align: center;" title="{cc_pd_birthdate_0}" name="{cc_pd_birthdate_0}" type="text" maxlength="{cc_pd_birth_size_0}" size="{cc_pd_birth_size_0}">
+				<input id="cc_pd_birthdate_1" style="text-align: center;" title="{cc_pd_birthdate_1}" name="{cc_pd_birthdate_1}" type="text" maxlength="{cc_pd_birth_size_1}" size="{cc_pd_birth_size_1}">
+				<input id="cc_pd_birthdate_2" style="text-align: center;" title="{cc_pd_birthdate_2}" name="{cc_pd_birthdate_2}" type="text" maxlength="{cc_pd_birth_size_2}" size="{cc_pd_birth_size_2}">
+			</td>
+		</tr>
+		<tr style="display:none" class="row_off">
+			<td align="right">{cc_pd_suffix}:</td>
+			<td align="left" colspan="3"><select id="cc_pd_suffix" name="{cc_pd_suffix}" style="width: 175px;"><option value="0">{cc_pd_choose_suffix}</option></select></td>
+		</tr>
+		<tr class="row_on">
+			<td align="right">{cc_pd_gpg_finger_print}:</td>
+			<td colspan="3" align="left"><input id="cc_pd_gpg_finger_print" name="{cc_pd_gpg_finger_print}" type="text" style="width: 350px;" value="" maxlength=""></td>
+		</tr>
+		<tr class="row_off">
+			<td align="right">{cc_pd_notes}:</td>
+			<td colspan="3" align="left"><textarea id="cc_pd_notes" name="{cc_pd_notes}" style="width: 350px; height: 60px;"></textarea></td>
+		</tr>
+	</table>
+	</form>
+</div>
+
+<!-- _ADDRESSES -->
+<div id="cc_contact_tab_1" class="row_off div_cc_contact_tab" style="position: absolute; visibility: hidden;height:197px;">
+	<form id="cc_full_add_form_addrs">
+	<table align="center" width="498px" height="197px" border="0">
+		<tr class="row_off">
+			<td align="right">{cc_addr_types}:</td>
+			<td align="left" colspan="3">
+				<select id="cc_addr_types" name="{cc_addr_types}" style="width: 200px;" onchange="updateAddressFields()">
+					<option value="_NONE_">{cc_addr_choose_types}</option>
+				</select>
+			</td>
+		</tr>
+		<tr class="row_on">
+			<td align="right">{cc_addr_countries}:</td>
+			<td align="left" colspan="3">
+				<select id="cc_addr_countries" name="{cc_addr_countries}" style="width: 200px;" onchange="updateAddrStates()">
+					<option value="_NONE_">{cc_addr_choose_countries}</option>
+					{cc_addr_country_list}
+				</select>
+			</td>
+		</tr>
+		<tr class="row_off">
+			<td align="right">{cc_addr_states}:</td>
+			<td align="left" colspan="3">
+				<select id="cc_addr_states" name="{cc_addr_states}" style="width: 200px;" onchange="updateAddrCities();">
+					<option value="_NONE_">{cc_addr_choose_states}</option>
+				</select>
+				<input id="cc_addr_states_new" style="display:none;width: 150px;" type="text" onmouseover="updateAddrNewStateOnMouseOver();" onmouseout="updateAddrNewStateOnMouseOut();">
+			</td>
+		</tr>
+		<tr class="row_on">
+			<td align="right">{cc_addr_cities}:</td>
+			<td align="left" colspan="3">
+				<select id="cc_addr_cities" style="width: 200px;" onchange="updateAddrFillingFields();">
+					<option value="_NONE_">{cc_addr_choose_cities}</option>
+				</select>
+				<input id="cc_addr_cities_new" style="display:none;width: 150px;" type="text" onmouseover="updateAddrNewCityOnMouseOver();" onmouseout="updateAddrNewCityOnMouseOut();">
+			</td>
+		</tr>
+		<tr class="row_off">
+			<td align="right">{cc_addr_1}:</td>
+			<td align="left"><input id="cc_addr_1" name="{cc_addr_1}" style="width: 200px;" type="text" name="" value=""></td>
+			<td align="right">{cc_addr_complement}:</td>
+			<td align="left"><input id="cc_addr_complement" name="{cc_addr_complement}" style="width: 100px;" type="text" name="" value=""></td>
+		</tr>
+		<tr class="row_on">
+			<td align="right">{cc_addr_2}:</td>
+			<td align="left"><input id="cc_addr_2" name="{cc_addr_2}" style="width: 200px;" type="text" name="" value=""></td>
+			<td align="right">{cc_addr_postal_code}:</td>
+			<td align="left"><input id="cc_addr_postal_code" name="{cc_addr_postal_code}"style="width: 70px;" type="text" name="" value=""></td>
+		</tr>
+		<tr class="row_off">
+			<td align="right">{cc_addr_is_default}:</td>
+			<td colspan="3" align="left"><input id="cc_addr_is_default" type="checkbox" name=""></td>
+		</tr>
+		<tr style="visibility: hidden; position: absolute;">
+			<td><input id="cc_addr_id" type="hidden"></td>
+		</tr>
+	</table>
+	</form>
+</div>
+
+<!-- _CONNECTIONS -->
+<div id="cc_contact_tab_2" class="row_off div_cc_contact_tab" style="position: absolute; visibility: hidden;height:247px;width:498px">
+	<table align="left" width="100%"  height="247px" border=0>
+	<tbody>
+		<tr class="th" width="100%" align="center" height="10px">
+			<td width="60px" noWrap><input type="radio"  name="cc_conn_type" id="cc_conn_type_1" value="Email" onclick="javascript:updateConnFields();">{email}</td>
+			<td width="60px" noWrap><input type="radio" name="cc_conn_type" id="cc_conn_type_2" value="Telefone" onclick="javascript:updateConnFields();">{telephone}</td>
+			<td width="*" align="left"><select style="width:160px" id="cc_conn_type_sel" onchange="javascript:connAddNewLine();"><option value="-1">{choose_email_telephone}</option></select></td>
+		</tr>
+		<tr class="row_off">			
+			<td valign="top" colspan="4" width="100%" style="border: 0px solid black" cellpadding="0" cellspacing="0">
+				<table align="left" width="100%" style="border: 0px solid black">
+				<tbody id="cc_conn">&nbsp;
+					<!-- Code inside here is inserted dynamically -->
+				</tbody>				
+				</table>
+			</td>
+		</tr>
+	</tbody>
+	<tbody>
+		<tr>
+			<td align="center" colspan="4">&nbsp;</td>
+		</tr>
+	</tbody>
+	</table>
+	<div style="z-index:10000;position: absolute;display:none; top: 170px; left: 78px;" id="div_cc_conn_is_default"> {cc_default} &nbsp;<select id="cc_email_default" name="cc_email_default" disabled style="display:none"></select><select id="cc_phone_default" name="cc_phone_default" disabled style="display:none"></select></div>
+</div>
+<!-- _BOTTOM BUTTONS -->
+<div align="center" id="cc_contact_tab_buttons" style="position: absolute; visibility: hidden; top: 250px; left: 0px; width: 498px; height: 32px; border: 0px solid black">	
+	<table class="row_off" align="center" width="498px" cellpadding="2" cellspacing="0" border="0">
+		<tr>
+			<td align="center">
+				<input id="cc_contact_save" style="width: 100px;" type="button" value="{cc_contact_save}" onclick="javascript:postFullAdd();">
+				<input id="cc_contact_reset" style="width: 100px;" type="button" value="{cc_contact_reset}" onclick="javascript:resetFullAdd();">
+				<input id="cc_contact_cancel" style="width: 100px;" type="button" value="{cc_contact_cancel}" onclick="javascript:closeFullAdd();">
+			</td>
+		</tr>
+	</table>
+</div>
+
+<script type="text/javascript">
+<!--
+//	Overloading some methods for fix cursor problem in Firefox.
+	if(!is_ie) { 
+		dJSWin.prototype.close = function() {		
+			dJSWin.state = 0;
+			dd.elements[this.title.id].hide();
+			if ( dd_div = document.getElementById('divScrollMain'))	
+				Element("divScrollMain").style.overflow = 'auto';	
+		}
+		dJSWin.prototype.open = function() {
+			this.moveTo(window.innerWidth/2 + window.pageXOffset - dd.elements[this.title.id].w/2,
+			    window.innerHeight/2 + window.pageYOffset - dd.elements[this.clientArea.id].h/2);
+			dd.elements[this.title.id].maximizeZ();
+			dd.elements[this.title.id].show();
+			if ( dd_div = document.getElementById('divScrollMain'))
+				dd_div.style.overflow = 'hidden';
+		}
+	}	
+		
+	var fullAdd_onload = document.body.onload;
+	var tabs;
+	var fullAddWin;
+	var photo_frame, photo_form, photo_input;	
+
+	__f = function(e)
+	{
+		
+		tabs = new dTabsManager({'id': 'cc_contact_tab', 'width': '500px'});
+		
+		tabs.addTab({'id': 'cc_contact_tab_0', 
+					 'name': Element('cc_contact_personal').value, 
+					 'selectedClass': 'tab_box_active', 
+					 'unselectedClass': 'tab_box'});
+					 
+		tabs.addTab({'id': 'cc_contact_tab_2', 
+					 'name': Element('cc_contact_conns').value, 
+					 'selectedClass': 'tab_box_active', 
+					 'unselectedClass': 'tab_box'});
+
+		tabs.addTab({'id': 'cc_contact_tab_1', 
+					 'name': Element('cc_contact_addrs').value, 
+					 'selectedClass': 'tab_box_active', 
+					 'unselectedClass': 'tab_box'});					 
+
+		fullAddWin = new dJSWin({'id': 'cc_full_add_window',
+		                         'content_id': 'cc_contact_tab',
+					 'win_class': 'row_off',
+					 'width': '500px',
+					 'height': '273px',
+					 'title_color': '#3978d6',
+					 'title': Element('cc_contact_title').value,
+					 'title_text_color': 'white',
+					 'button_x_img': Element('cc_phpgw_img_dir').value+'/winclose.gif',
+					 'include_contents': new Array('cc_contact_tab_0', 'cc_contact_tab_1', 'cc_contact_tab_2','cc_contact_tab_buttons'),
+					 'border': true});
+
+		fullAddWin.draw();
+
+		if (is_ie)
+		{
+			Element('cc_photo_frame').src = 'cc_photo_frame.html';
+			Element('cc_pd_select_photo').style.display='none';
+			fullAddWin.open();
+			tabs._showTab('cc_contact_tab_0');
+			fullAddWin.close();
+		}
+		else
+		{
+			Element('cc_pd_select_photo_t').style.display='none';
+			Element('cc_pd_select_photo_b').style.display='none';			
+		}
+		
+	};
+
+	if (is_ie) // || is_moz1_6)
+	{
+			
+		document.body.onload = function(e) { setTimeout('__f()', 10); fullAdd_onload ? setTimeout('fullAdd_onload()'): false;};
+	}
+	else
+	{
+//		__f();
+	}
+
+//-->
+</script>
+<!-- END WINDOW CONTACT -->
+
+
+
+
+
+
+
+
+
+
+<!-- RELATIONS 
+<div id="cc_contact_tab_3" class="row_off div_cc_contact_tab">
+	<table align="center" width="500px" height="100%" cellpadding="2" cellspacing="0" border="0">
+		<tr class="row_off">
+			<td align="right"><input style="width: 240px;" type="text"></td>
+			<td align="left"><input style="width: 150px;" type="button" value="{cc_btn_search}"></td>
+		</tr>
+		<tr class="row_on">
+			<td align="left">{cc_results}:</td>
+			<td align="left">{cc_is_my}:</td>
+		</tr>
+		<tr class="row_off">
+			<td align="right"><select style="width: 240px; height: 150px;" multiple></select></td>
+			<td align="left"><select id="cc_rels_type" style="width: 240px; height: 150px;" multiple></select></td>
+		</tr>
+		<tr class="row_on">
+			<td align="right"><input style="width: 150px;" type="button" value="{cc_add_relation}"></td>
+			<td align="left"><input style="width: 150px;" type="button" value="{cc_del_relation}"></td>
+		</tr>
+		<tr class="row_off">
+			<td align="center" colspan="2"><select style="width: 480px; height: 120px;" multiple></select></td>
+		</tr>
+	</table>
+</div>
+-->
Index: /trunk/contactcenter/templates/default/views.tpl
===================================================================
--- /trunk/contactcenter/templates/default/views.tpl	(revision 1158)
+++ /trunk/contactcenter/templates/default/views.tpl	(revision 1158)
@@ -0,0 +1,83 @@
+<!-- LAYER VIEWS -->
+<!--
+<div id="cc_layer_views" style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; visibility: hidden; z-index: 0; border: 0px solid #999;">
+<table width="100%" height="100%" border="0">
+	<tr>
+		<td align="center" valign="top">
+			<table id="" cellpadding="3" cellspacing="2" border="0">
+				<tr class="th">
+					<td>Stage 1: Edit Name</td>
+					<td>Select View</td>
+					<td colspan="2">Type Of Catalogue</td>
+				</tr>
+				<tr class="row_on">
+					<td><input style="width: 150px;" type="text" value=""></td>
+					<td><select style="width: 150px;"><option>Choose a View...</option></select></td>
+					<td colspan="2"><select style="width: 150px;"><option>Choose a Catalogue...</option></select></td>
+				</tr>
+				<tr class="th">
+					<td colspan="4">Stage 2: Criteria Of Search</td>
+				</tr>
+				<tr class="row_on">
+					<td><select style="width: 150px;"><option>Choose a Field...</option></select></td>
+					<td><select style="width: 150px;"><option>Choose a Criteria...</option></select></td>
+					<td><input style="width: 150px;" type="text"></td>
+					<td>and</td>
+				</tr>
+				<tr class="row_off">
+					<td><select style="width: 150px;"><option>Choose a Field...</option></select></td>
+					<td><select style="width: 150px;"><option>Choose a Criteria...</option></select></td>
+					<td><input style="width: 150px;" type="text"></td>
+					<td>and</td>
+				</tr>
+				<tr class="row_on">
+					<td><select style="width: 150px;"><option>Choose a Field...</option></select></td>
+					<td><select style="width: 150px;"><option>Choose a Criteria...</option></select></td>
+					<td><input style="width: 150px;" type="text"></td>
+					<td>and</td>
+				</tr>
+				<tr class="row_off">
+					<td><select style="width: 150px;"><option>Choose a Field...</option></select></td>
+					<td><select style="width: 150px;"><option>Choose a Criteria...</option></select></td>
+					<td colspan="2"><input style="width: 150px;" type="text"></td>
+				</tr>
+				<tr class="th">
+					<td colspan="4">Stage 3: Select Colums</td>
+				</tr>
+				<tr class="row_on">
+					<td><select style="width: 150px;"><option>Choose a Field...</option></select></td>
+					<td><select style="width: 150px;"><option>Choose a Field...</option></select></td>
+					<td colspan="2"><select style="width: 150px;"><option>Choose a Field...</option></select></td>
+				</tr>
+				<tr class="row_off">
+					<td><select style="width: 150px;"><option>Choose a Field...</option></select></td>
+					<td><select style="width: 150px;"><option>Choose a Field...</option></select></td>
+					<td colspan="2"><select style="width: 150px;"><option>Choose a Field...</option></select></td>
+				</tr>
+				<tr class="th">
+					<td colspan="4">Stage 4: Visibility</td>
+				</tr>
+				<tr class="row_on">
+					<td colspan="4"><label><input type="radio" id="radio_visibility_1" name="radio_visibility">This model of exhibition could be had access by all the users</label></td>
+				</tr>
+				<tr class="row_off">
+					<td colspan="4"><label><input type="radio" id="radio_visibility_2" name="radio_visibility" checked>This model of exhibition could be had access only by me</label></td>
+				</tr>
+				<tr class="th"><td colspan="4">&nbsp;</td></tr>
+				<tr>
+					<td align="left">
+						<input type="button" value="Save">
+					</td>
+					<td colspan="2"></td>
+					<td align="right">
+						<input type="button" value="Cancel" onclick="set_loading('show_layer(\'cc_layer_view_cards\')');">
+					</td>
+				</tr>
+			</table>
+		</tr>
+	</table>
+</div>
+-->
+<!-- LAYER VIEWS -->
+
+
Index: /trunk/contactcenter/templates/default/contacts.tpl
===================================================================
--- /trunk/contactcenter/templates/default/contacts.tpl	(revision 1158)
+++ /trunk/contactcenter/templates/default/contacts.tpl	(revision 1158)
@@ -0,0 +1,132 @@
+<script type="text/javascript" src="{cc_js_contacts}"></script>
+<script type="text/javascript" src="{cc_js_wz_dragdrop}"></script>
+
+<div id="cc_email_win_title" style="position:absolute; width: 500px; height: 20px; visibility: hidden; z-index: 0; border: 1px solid #999; font-weight: bold; border-bottom: 0px;" class="th">
+	<table border="0" width="100%" height="100%" cellpadding="2" cellspacing="0">
+        <tr>
+			<td align="left" valign="top" width="99%">{cc_email_win_title}</td>
+			<td align="center" valign="top" width="1%">
+				<img id="cc_email_win_close" alt="{cc_search_close}" src="{phpgw_img_dir}/winclose.gif" width="16px" height="16px" onclick="dd.elements.cc_email_win_title.hide();" 
+				style="cursor: pointer; cursor: hand;">
+			</td>
+		</tr>
+	</table>																					
+</div>
+
+<div id="cc_email_win" style="position: absolute; width: 500px; height: 400px; visibility: hidden; z-index: 0; border: 1px solid #999; border-top: 0px; background-color: #eee;">
+	<table border="0" width="100%" height="100%">
+		<tr>
+			<td>
+				<table border="0">
+					<tr>
+						<td>{cc_label_catalogue_type}</td>
+						<td>{cc_label_ordinance_type}</td>
+					</tr>
+					<tr>
+						<td><select id="cc_email_win_catalogues" style="width: 200px;" onchange="javascript:catalogue_change();"><option>{cc_choose_catalogue}</option></select></td>
+						<td><select id="cc_email_win_ordinances" style="width: 200px;" onchange="javascript:ordinance_change();"><option>{cc_choose_ordinance}</option></select></td>
+					</tr>
+				</table>
+			</td>
+		</tr>
+		<tr>
+			<td>
+				<table border="0" width="100%">
+					<tr>
+						<td valign="top">
+							<table border="0">
+								<tr>
+									<td>{cc_label_contacts}</td>
+								</tr>
+								<tr>
+									<td><select id="cc_email_win_contacts" style="width: 200px; height: 230px; overflow: auto;" multiple></select></td>
+								</tr>
+							</table>
+						</td>
+						<td valign="top">
+							<table border="0" width="100%" height="100%">
+								<tr>
+									<td></td>
+									<td>{cc_label_to}</td>
+								</tr>
+								<tr>
+									<td align="center" valign="middle">
+										<table border="0">
+											<tr><td><input style="width: 60px;" type="button" value="{cc_btn_to_add}" onclick="javascript:contacts_to_to();"></td></tr>
+											<tr><td><input style="width: 60px;" type="button" value="{cc_btn_to_del}" onclick="javascript:contacts_to_to();"></td></tr>
+										</table>
+									</td>
+									<td><select id="cc_email_win_to" style="width: 200px; height: 60px;" multiple></select></td>
+								</tr>
+								<tr>
+									<td></td>
+									<td>{cc_label_cc}</td>
+								</tr>
+								<tr>
+									<td align="center">
+										<table valign="middle" border="0">
+											<tr><td><input style="width: 60px;" type="button" value="{cc_btn_cc_add}" onclick="javascript:contacts_to_cc();"></td></tr>
+											<tr><td><input style="width: 60px;" type="button" value="{cc_btn_cc_del}" onclick="javascript:contacts_to_cc();"></td></tr>
+										</table>
+									</td>
+									<td><select id="cc_email_win_cc" style="width: 200px; height: 60px;" multiple></select></td>
+								</tr>
+								<tr>
+									<td></td>
+									<td>{cc_label_cco}</td>
+								</tr>
+								<tr>
+									<td align="center" valign="middle">
+										<table border="0">
+											<tr><td><input style="width: 60px;" type="button" value="{cc_btn_cco_add}" onclick="javascript:contacts_to_cco();"></td></tr>
+											<tr><td><input style="width: 60px;" type="button" value="{cc_btn_cco_del}" onclick="javascript:contacts_to_cco();"></td></tr>
+										</table>
+									</td>
+									<td><select id="cc_email_win_cco" style="width: 200px; height: 60px;" multiple></select></td>
+								</tr>								
+							</table>
+						</td>
+					</tr>
+				</table>
+			</td>
+		</tr>
+		<tr>
+			<td>
+				<table width="100%" border="0">
+					<tr align="center">
+						<td width="10%"><input style="width: 70px;" type="button" value="{cc_btn_search}" onclick="javascript:search();"></td>
+						<td width="10%"><input style="width: 70px;" type="button" value="{cc_btn_new}" onclick="javascript:new_contact();"></td>
+						<td width="10%"><input style="width: 70px;" type="button" value="{cc_btn_details}" onclick="javascript:details();"></td>
+						<td width="50%">&nbsp;</td>
+						<td width="10%"><input style="width: 70px;" type="button" value="{cc_btn_ok}" onclick="javascript:ok();"></td>
+						<td width="10%"><input style="width: 70px;" type="button" value="{cc_btn_cancel}" onclick="javascript:cancel();"></td>
+					</tr>
+				</table>
+			</td>
+		</tr>
+	</table>
+</div>
+
+<div id="cc_email_win_shadow" style="position: absolute; width: 500px; height: 420px; visibility: hidden; z-index: 0; background-color: #666;">
+
+<!-- BOTTOM DETAILS-->
+<script type="text/javascript">
+  	SET_DHTML(	'cc_email_win'+NO_DRAG,
+				'cc_email_win_shadow'+NO_DRAG,
+				'cc_email_win_title'+CURSOR_MOVE);
+			
+	dd.elements.cc_email_win_title.addChild(dd.elements.cc_email_win);
+	dd.elements.cc_email_win_title.addChild(dd.elements.cc_email_win_shadow);
+
+	dd.elements.cc_email_win_title.moveTo(0,0);
+	dd.elements.cc_email_win.moveTo(0,20);
+	dd.elements.cc_email_win_shadow.moveTo(5,5);
+	dd.elements.cc_email_win_title.moveTo(window.innerWidth/2 - dd.elements.cc_email_win_title.w/2, window.innerHeight/2 - dd.elements.cc_email_win.h/2);
+
+	dd.elements.cc_email_win.setZ(2);
+	dd.elements.cc_email_win_title.setZ(2);
+	dd.elements.cc_email_win_shadow.setZ(1);
+
+	dd.elements.cc_email_win_title.show();
+</script>
+<!-- END BOTTOM DETAILS-->
