{*<!--

/*********************************************************************************
** The contents of this file are subject to the vtiger CRM Public License Version 1.0
 * ("License"); You may not use this file except in compliance with the License
 * The Original Code is:  vtiger CRM Open Source
 * The Initial Developer of the Original Code is vtiger.
 * Portions created by vtiger are Copyright (C) vtiger.
 * All Rights Reserved.
*
 ********************************************************************************/

-->*}

{*<!-- module header -->*}

<link rel="stylesheet" type="text/css" media="all" href="jscalendar/calendar-win2k-cold-1.css">
<script type="text/javascript" src="jscalendar/calendar.js"></script>
<script type="text/javascript" src="jscalendar/lang/calendar-{$CALENDAR_LANG}.js"></script>
<script type="text/javascript" src="jscalendar/calendar-setup.js"></script>

<script type="text/javascript">
var gVTModule = '{$smarty.request.module}';
function sensex_info()
{ldelim}
        var Ticker = $('tickersymbol').value;
        if(Ticker!='')
        {ldelim}
                $("vtbusy_info").style.display="inline";
                new Ajax.Request(
                      'index.php',
                      {ldelim}queue: {ldelim}position: 'end', scope: 'command'{rdelim},
                                method: 'post',
                                postBody: 'module={$MODULE}&action=Tickerdetail&tickersymbol='+Ticker,
                                onComplete: function(response) {ldelim}
                                        $('autocom').innerHTML = response.responseText;
                                        $('autocom').style.display="block";
                                        $("vtbusy_info").style.display="none";
                                {rdelim}
                        {rdelim}
                );
        {rdelim}
{rdelim}
</script>

		{include file='Buttons_List1.tpl'}

{*<!-- Contents -->*}
<table border=0 cellspacing=0 cellpadding=0 width=98% align=center>
   <tr>
	<td valign=top>
		<img src="{$IMAGE_PATH}showPanelTopLeft.gif">
	</td>

	<td class="showPanelBg" valign=top width=100%>
	     {*<!-- PUBLIC CONTENTS STARTS-->*}
	     <div class="small" style="padding:20px">
		
		 {if $OP_MODE eq 'edit_view'}   
			 <span class="lvtHeaderText"><font color="purple">[ {$ID} ] </font>{$NAME}
			 - {$APP.LBL_EDITING} Account {$APP.LBL_INFORMATION}</span> <br>
				 
		 {/if}
		 {if $OP_MODE eq 'create_view'}
			{if $DUPLICATE neq 'true'}
			{assign var=create_new value="LBL_CREATING_NEW_"|cat:$MODULE}
		        <span class="lvtHeaderText">{$APP[$create_new]}</span> <br>
			{else}
			<span class="lvtHeaderText">{$APP.LBL_DUPLICATING} "{$NAME}" </span> <br>
			{/if}
		 {/if}

		 <hr noshade size=1>
		 <br>
		 <table border=0 cellspacing=0 cellpadding=0 width=95% align=center>
		   <tr>
			<td>
				<table border=0 cellspacing=0 cellpadding=3 width=100% class="small">
				</table>
			</td>
		   </tr>
		   <tr>
			<td>
            <table border=0 cellspacing=0 cellpadding=0 width=95% align=center>
		   <tr>
			<td>
				<table border=0 cellspacing=0 cellpadding=3 width=100% class="small">
				   <tr>
					<td width="10" nowrap class="dvtTabCache" style="width:10px">&nbsp;</td>

						
						<td width="160"  align="center" nowrap class="dvtSelectedCell" id="generalinfo_tab" onclick="showtab('generalinfo');"><b>Basic Information</b></td>
                    				<td width="162" align="center" nowrap class="dvtUnSelectedCell" id="activity_tab"  onclick="showtab('activity');" >Account Activity</td>
                   				    <td width="143" align="center" nowrap class="dvtUnSelectedCell" id="paperwork_tab" onclick="showtab('paperwork');" >Paperwork</td>
                                    <td width="264" align="center" nowrap class="dvtUnSelectedCell" id="campaigninfo_tab" onclick="showtab('campaigninfo');" >Campaign
                                      Information</td>
                   				    <td width="264" align="center" nowrap class="dvtUnSelectedCell" id="campaignhistory_tab" onclick="showtab('campaignhistory');" >Campaign Activity</td>
				                    <td width="559"  nowrap class="dvtTabCache" >&nbsp;</td>
				   <tr>
				</table>
  <script>
{literal}
function showtab(tab){
	var n;
	$$('div.tabs').each(
		function(e){
		if(e.id == tab){
			e.show();
			n = e.id;
			$(n+'_tab').className = 'dvtSelectedCell';
		} else {
			e.hide();
			n = e.id;
			$(n+'_tab').className = 'dvtUnSelectedCell';
		}
	});
}

{/literal}
</script>
			</td>
		   </tr>
		   <tr>
		  <td valign=top align=left >
			<form id="form" action="modules/Accounts/updateaccount.php" method="post">
            	<input type="hidden" name="AccountId" value="{$AccountId}">
			    <!-- Basic Information Tab Opened -->
			    <div id="basicTab">

				<table border=0 cellspacing=0 cellpadding=3 width=100% class="dvtContentSpace">
				   <tr>
					<td align=left>
					<!-- content cache -->
					
						<table border=0 cellspacing=0 cellpadding=0 width=100%>
						   <tr>
							<td id ="autocom"></td>
						   </tr>
						   <tr>
							<td style="padding:10px">
							<!-- General details -->


                            <div id="generalinfo">
								<table border=0 cellspacing=0 cellpadding=0 width=100% class="small">
								   <tr>
									<td  colspan=4 style="padding:5px">
									   <div align="center">
																					<input title="Save [Alt+S]" accessKey="S" class="crmbutton small save" type="submit" name="save" value="  Save  " style="width:70px" id="save" >
										                                                                 		<input title="Cancel [Alt+X]" accessKey="X" class="crmbutton small cancel" onClick="window.history.back()" type="button" name="button" value="  Cancel  " style="width:70px">
									   </div>									</td>
								   </tr>

								   								   <tr>
															         		<td colspan=4 class="detailedViewHeader">
                                                	        		<b>Account Information</b>																 		</td>
		                                        	   </tr>

								   <!-- Here we should include the uitype handlings-->
								   
<!-- Added this file to display the fields in Create Entity page based on ui types  -->
			<tr style="height:25px">
			  <td class="dvtCellLabel" align=right><font color="red">*</font>First Name</td>
			  <td align=left class="dvtCellInfo"><input name="FirstName" type="text" class=detailedViewTextBox id="FirstName" onFocus="this.className='detailedViewTextBoxOn'" onBlur="this.className='detailedViewTextBox'" value="{$FirstName}"></td>
																				
					<td width=20% class="dvtCellLabel" align=right>Account</td>

							<td width=30% align=left class="dvtCellInfo">{$accountlist}</td>
						   </tr>
			<tr style="height:25px">
			  <td class="dvtCellLabel" align=right><font color="red">*</font>Last Name</td>
			  <td align=left class="dvtCellInfo"><input name="LastName" type="text" class="detailedViewTextBox" id="LastName" onFocus="this.className='detailedViewTextBoxOn'" onBlur="this.className='detailedViewTextBox'" value="{$LastName}"></td>
			  <td class="dvtCellLabel" align=right>&nbsp;</td>
			  <td align=left class="dvtCellInfo">&nbsp;</td>
			</tr>
			<tr style="height:25px">
			  <td class="dvtCellLabel" align=right>Company</td>
			  <td align=left class="dvtCellInfo"><input name="Company" type="text" class="detailedViewTextBox" id="Company" onFocus="this.className='detailedViewTextBoxOn'" onBlur="this.className='detailedViewTextBox'" value="{$Company}"></td>
			  <td class="dvtCellLabel" align=right>&nbsp;</td>
			  <td align=left class="dvtCellInfo">&nbsp;</td>
			  </tr>
			<tr style="height:25px">
			  <td class="dvtCellLabel" align=right>&nbsp;</td>
			  <td align=left class="dvtCellInfo">&nbsp;</td>
			  <td class="dvtCellLabel" align=right>&nbsp;</td>
			  <td align=left class="dvtCellInfo">&nbsp;</td>
			  </tr>
			<tr style="height:25px">
			  <td class="dvtCellLabel" align=right>&nbsp;</td>
			  <td align=left class="dvtCellInfo">&nbsp;</td>
			  <td class="dvtCellLabel" align=right>&nbsp;</td>
			  <td align=left class="dvtCellInfo">&nbsp;</td>
			  </tr>
{literal}
<script language="javascript">
	function fnshowHide(currObj,txtObj)
	{
			if(currObj.checked == true)
				document.getElementById(txtObj).style.visibility = 'visible';
			else
				document.getElementById(txtObj).style.visibility = 'hidden';
	}
	
	function fntaxValidation(txtObj)
	{
			if (!numValidate(txtObj,"Tax","any"))
				document.getElementById(txtObj).value = 0;
	}	

function delimage(id)
{
	new Ajax.Request(
		'index.php',
		{queue: {position: 'end', scope: 'command'},
			method: 'post',
			postBody: 'module=Contacts&action=ContactsAjax&file=DelImage&recordid='+id,
			onComplete: function(response)
				    {
					if(response.responseText.indexOf("SUCESS")>-1)
						$("replaceimage").innerHTML='Image Deleted';
					else
						alert("Error while Editing")
				    }
		}
	);

}

</script>
{/literal}					
								   <tr style="height:25px"><td>&nbsp;</td></tr>
								   								   <tr>
									                                                                        <td colspan=2 class="detailedViewHeader">
                                                                        <b>Address Information</b></td>
                                                                        <td class="detailedViewHeader">&nbsp;</td>
                                                                        <td class="detailedViewHeader">&nbsp;</td>
		                                        	   </tr>

								   <!-- Here we should include the uitype handlings-->
								   
<!-- Added this file to display the fields in Create Entity page based on ui types  -->
			<tr style="height:25px">
																				
					<td width=20% class="dvtCellLabel" align=right>
							   Address			</td>
			<td width=30% align=left class="dvtCellInfo">
				<textarea value="" name="Address" class=detailedViewTextBox onFocus="this.className='detailedViewTextBoxOn'" onBlur="this.className='detailedViewTextBox'" rows=2 id="Address">{$Address}</textarea>			</td>
																					
					<td width=20% class="dvtCellLabel" align=right> City</td>
			<td width=30% align=left class="dvtCellInfo"><input type="text" name="City" id ="City" value="{$City}" class=detailedViewTextBox onFocus="this.className='detailedViewTextBoxOn'" onBlur="this.className='detailedViewTextBox'"></td>
			   </tr>
			<tr style="height:25px">
																				
					<td width=20% class="dvtCellLabel" align=right> State</td>

							<td width=30% align=left class="dvtCellInfo"><input type="text" name="State" id ="State" value="{$State}" class=detailedViewTextBox onFocus="this.className='detailedViewTextBoxOn'" onBlur="this.className='detailedViewTextBox'"></td>
																								
					        <td class="dvtCellLabel" align=right>Zip</td>
					        <td align=left class="dvtCellInfo"><input type="text" name="Zip" id ="Zip" value="{$Zip}" class=detailedViewTextBox onFocus="this.className='detailedViewTextBoxOn'" onBlur="this.className='detailedViewTextBox'"></td>
			</tr>
			<tr style="height:25px">
			  <td class="dvtCellLabel" align=right>&nbsp;</td>
			  <td align=left class="dvtCellInfo">&nbsp;</td>
			  <td class="dvtCellLabel" align=right>&nbsp;</td>
			  <td align=left class="dvtCellInfo">&nbsp;</td>
			  </tr>
			<tr style="height:25px">
			  <td class="dvtCellLabel" align=right>Email</td>
			  <td align=left class="dvtCellInfo"><input name="Email" type="text" class="detailedViewTextBox" id="Email" onFocus="this.className='detailedViewTextBoxOn'" onBlur="this.className='detailedViewTextBox'" value="{$Email}"></td>
			  <td class="dvtCellLabel" align=right>&nbsp;</td>
			  <td align=left class="dvtCellInfo">&nbsp;</td>
			  </tr>
			<tr style="height:25px">
			  <td class="dvtCellLabel" align=right>&nbsp;</td>
			  <td align=left class="dvtCellInfo">&nbsp;</td>
			  <td class="dvtCellLabel" align=right>&nbsp;</td>
			  <td align=left class="dvtCellInfo">&nbsp;</td>
			  </tr>
			<tr>
              <td colspan=2 class="detailedViewHeader"><b>Individual Information</b></td>
			  <td class="detailedViewHeader">&nbsp;</td>
			  <td class="detailedViewHeader">&nbsp;</td>
			  </tr>
			<tr style="height:25px">
              <td class="dvtCellLabel" align="right">Birthday Month</td>
			  <td align="left" class="dvtCellInfo"><input name="BirthDayMonth" type="text" class="detailedViewTextBox" id="BirthDayMonth" onfocus="this.className='detailedViewTextBoxOn'" onblur="this.className='detailedViewTextBox'" value="{$BirthDayMonth}" /></td>
			  <td class="dvtCellLabel" align="right">Birthday Day</td>
			  <td align="left" class="dvtCellInfo"><input name="BirthDayDay" type="text" class="detailedViewTextBox" id="BirthDayDay" onfocus="this.className='detailedViewTextBoxOn'" onblur="this.className='detailedViewTextBox'" value="{$BirthDay}" /></td>
			  </tr>
			<tr style="height:25px">
              <td class="dvtCellLabel" align="right">Anniversary Month</td>
			  <td align="left" class="dvtCellInfo"><input name="AnniversaryMonth" type="text" class="detailedViewTextBox" id="AnniversaryMonth" onfocus="this.className='detailedViewTextBoxOn'" onblur="this.className='detailedViewTextBox'" value="{$AnniversaryMonth}" /></td>

			  <td class="dvtCellLabel" align="right">Anniversary Day</td>
			  <td align="left" class="dvtCellInfo"><input name="AnniversaryDay" type="text" class="detailedViewTextBox" id="AnniversaryDay" onfocus="this.className='detailedViewTextBoxOn'" onblur="this.className='detailedViewTextBox'" value="{AnniversaryDay}" /></td>
			  </tr>
			
			<tr style="height:25px">
			  <td class="dvtCellLabel" align=right>&nbsp;</td>
			  <td align=left class="dvtCellInfo">&nbsp;</td>
			  <td class="dvtCellLabel" align=right>&nbsp;</td>
			  <td align=left class="dvtCellInfo">&nbsp;</td>
			  </tr>
			<tr style="height:25px">
			  <td class="dvtCellLabel" align=right>&nbsp;</td>
			  <td align=left class="dvtCellInfo">&nbsp;</td>
			  <td class="dvtCellLabel" align=right>&nbsp;</td>
			  <td align=left class="dvtCellInfo">&nbsp;</td>
			  </tr>
			<tr>
              <td colspan=2 class="detailedViewHeader"><b>Login Information</b></td>
			  <td class="detailedViewHeader">&nbsp;</td>
			  <td class="detailedViewHeader">&nbsp;</td>
			  </tr>
			<tr style="height:25px">
			  <td class="dvtCellLabel" align=right>User Name</td>
			  <td align=left class="dvtCellInfo"><input name="UserName" type="text" class="detailedViewTextBox" id="UserName" onFocus="this.className='detailedViewTextBoxOn'" onBlur="this.className='detailedViewTextBox'" value="UserName"></td>
			  <td class="dvtCellLabel" align=right> Password</td>
			  <td align=left class="dvtCellInfo"><input name="PassWord" type="text" class="detailedViewTextBox" id="PassWord" onFocus="this.className='detailedViewTextBoxOn'" onBlur="this.className='detailedViewTextBox'" value="PassWord"></td>
			  </tr>
			<tr style="height:25px">
			  <td class="dvtCellLabel" align=right>&nbsp;</td>
			  <td align=left class="dvtCellInfo">&nbsp;</td>
			  <td class="dvtCellLabel" align=right>&nbsp;</td>
			  <td align=left class="dvtCellInfo">&nbsp;</td>
			  </tr>
			<tr>
              <td colspan="2" class="detailedViewHeader"><b>Other Information</b></td>
			  <td class="detailedViewHeader">&nbsp;</td>
			  <td class="detailedViewHeader">&nbsp;</td>
			  </tr>
			<tr style="height:25px">
			  <td class="dvtCellLabel" align=right>&nbsp;</td>
			  <td align=left class="dvtCellInfo">&nbsp;</td>
			  <td class="dvtCellLabel" align=right>&nbsp;</td>
			  <td align=left class="dvtCellInfo">&nbsp;</td>
			  </tr>
			<tr style="height:25px">
			  <td class="dvtCellLabel" align=right>Sales ID</td>
			  <td align=left class="dvtCellInfo"><input name="SalesId" type="text" class="detailedViewTextBox" id="SalesId" onfocus="this.className='detailedViewTextBoxOn'" onblur="this.className='detailedViewTextBox'" value="{$SalesId}" /></td>
			  <td class="dvtCellLabel" align=right>Jumper Type</td>
			  <td align=left class="dvtCellInfo"><input name="JumperType" type="text" class=detailedViewTextBox id="JumperType" onfocus="this.className='detailedViewTextBoxOn'" onblur="this.className='detailedViewTextBox'" value="{$JumperType}" /></td>
			  </tr>
			<tr style="height:25px">
			  <td class="dvtCellLabel" align=right>Validation Message</td>
			  <td align=left class="dvtCellInfo">{$ValidationMessage}</td>
			  <td class="dvtCellLabel" align=right>OptIn Date</td>
			  <td align=left class="dvtCellInfo"><input name="OptInDate" type="text" class="detailedViewTextBox" id="OptInDate" onfocus="this.className='detailedViewTextBoxOn'" onblur="this.className='detailedViewTextBox'" value="{$OptInDate}" /></td>
			  </tr>
			<tr style="height:25px">
			  <td class="dvtCellLabel" align=right>&nbsp;</td>
			  <td align=left class="dvtCellInfo">&nbsp;</td>
			  <td class="dvtCellLabel" align=right>&nbsp;</td>
			  <td align=left class="dvtCellInfo">&nbsp;</td>
			  </tr>
			<tr style="height:25px">
			  <td class="dvtCellLabel" align=right>&nbsp;</td>
			  <td colspan="3" align=left class="dvtCellInfo">&nbsp;</td>
			  </tr>
			<tr style="height:25px">
			  <td class="dvtCellLabel" align=right>&nbsp;</td>
			  <td align=left class="dvtCellInfo">&nbsp;</td>
			  <td class="dvtCellLabel" align=right>&nbsp;</td>
			  <td align=left class="dvtCellInfo">&nbsp;</td>
			  </tr>
			<tr style="height:25px">
			  <td class="dvtCellLabel" align=right>&nbsp;</td>
			  <td align=left class="dvtCellInfo">&nbsp;</td>
			  <td class="dvtCellLabel" align=right>&nbsp;</td>
			  <td align=left class="dvtCellInfo">&nbsp;</td>
			  </tr>
			<tr>
              <td colspan=2 class="detailedViewHeader">&nbsp;</td>
			  <td class="detailedViewHeader">&nbsp;</td>
			  <td class="detailedViewHeader">&nbsp;</td>
			  </tr>
	
{literal}
<script language="javascript">
	function fnshowHide(currObj,txtObj)
	{
			if(currObj.checked == true)
				document.getElementById(txtObj).style.visibility = 'visible';
			else
				document.getElementById(txtObj).style.visibility = 'hidden';
	}
	
	function fntaxValidation(txtObj)
	{
			if (!numValidate(txtObj,"Tax","any"))
				document.getElementById(txtObj).value = 0;
	}	

function delimage(id)
{
	new Ajax.Request(
		'index.php',
		{queue: {position: 'end', scope: 'command'},
			method: 'post',
			postBody: 'module=Contacts&action=ContactsAjax&file=DelImage&recordid='+id,
			onComplete: function(response)
				    {
					if(response.responseText.indexOf("SUCESS")>-1)
						$("replaceimage").innerHTML='Image Deleted';
					else
						alert("Error while Editing")
				    }
		}
	);

}

</script>
{/literal}
								   <!-- Here we should include the uitype handlings-->
								   
<!-- Added this file to display the fields in Create Entity page based on ui types  -->
{literal}
<script language="javascript">
	function fnshowHide(currObj,txtObj)
	{
			if(currObj.checked == true)
				document.getElementById(txtObj).style.visibility = 'visible';
			else
				document.getElementById(txtObj).style.visibility = 'hidden';
	}
	
	function fntaxValidation(txtObj)
	{
			if (!numValidate(txtObj,"Tax","any"))
				document.getElementById(txtObj).value = 0;
	}	

function delimage(id)
{
	new Ajax.Request(
		'index.php',
		{queue: {position: 'end', scope: 'command'},
			method: 'post',
			postBody: 'module=Contacts&action=ContactsAjax&file=DelImage&recordid='+id,
			onComplete: function(response)
				    {
					if(response.responseText.indexOf("SUCESS")>-1)
						$("replaceimage").innerHTML='Image Deleted';
					else
						alert("Error while Editing")
				    }
		}
	);

}

</script>
{/literal}								   
								   <tr>
									<td  colspan=4 style="padding:5px">
									   <div align="center">
																															<input title="Save [Alt+S]" accessKey="S" class="crmbutton small save" type="submit" name="save" value="  Save  " style="width:70px" id="save" >
										                                                                		<input title="Cancel [Alt+X]" accessKey="X" class="crmbutton small cancel" onClick="window.history.back()" type="button" name="button" value="  Cancel  " style="width:70px">
									   </div>									</td>
								   </tr>
								</table>
                                
                                </div>
                                <div class="tabs" id="activity" style="display:none;">
                                </div>
                                <div class="tabs" id="paperwork" style="display:none;">
                                </div>
                                <div class="tabs" id="campaigninfo" style="display:none;">
                                </div>
                                <div class="tabs" id="campaignhistory" style="display:none;">
                                
                                </div>
							</td>
						   </tr>
						</table>
					</td>
				   </tr>
				</table>
					
			    </div>
                </form>
			    <!-- Basic Information Tab Closed -->

			    <!-- More Information Tab Opened -->
			    <div id="moreTab"></div>

			</td>
		   </tr>
		</table>
            </td>
		   </tr>
		</table>
	     </div>
	</td>
	<td align=right valign=top><img src="{$IMAGE_PATH}showPanelTopRight.gif"></td>
   </tr>
</table>