// For all top level pages

// Need to exclude Mac: somehow the top != self statement is causing abnormal

// behavior in Mac

if (navigator.userAgent.indexOf("Mac")==-1)

{

	if (top != self)

		top.location = self.location;

}

//Newly added for Login popup window

document.write("<script language='JavaScript' src=\'\/personal\/js\/cookie_scripts.js\'></script>");

//content fot floting menu

var left1;

var top1;

if(window.screen.width==800 || window.screen.width!=1024)

{

	left1=500

	top1=70

}

else if(window.screen.width==1024)

{

	left1=735

	top1=75	

}

document.writeln('<div id="faq01"  onmouseover="showhide_layer(\'faq01\',1,1);" onmouseout="showhide_layer(\'faq01\',0,1);" style="position:absolute; left:'+left1+'px; top:'+top1+'px; z-index:10; visibility:hidden;">\r\n\r\n    	<TABLE cellSpacing=0 cellPadding=0 border=0 bgColor=#ffffff><!------------------ start Login ------------------>\r\n      		<TBODY>\r\n            	<TR>\r\n                	<TD class="floating">\r\n                    	<TABLE cellSpacing=0 cellPadding=0 width=186 border=0>\r\n                        	<TBODY>\r\n                            	<TR>\r\n                                	<TD class="floating" colSpan=3><IMG height=23 alt="" src="\/personal\/img\/login_top.gif" width=186 border=0><\/TD>\r\n								<\/TR>\r\n                                <TR>\r\n									<TD class="floating"><IMG height=77 alt="" src="\/personal\/img\/hlogin_left.gif" border=0><\/TD>\r\n                                	<TD class="floating" bgColor=#ffffff>\r\n                                		<TABLE cellSpacing=0 cellPadding=0 width=142 border=0>\r\n                                			<TBODY>\r\n                                				<TR>\r\n                                					<TD class="floating"><A title="Citibank Online" href="#" \r\n              															onClick="openInternetBanking(\'\'); return false"\r\n															onMouseOver="swapImg(\'signon_ia\',\'\/personal\/img\/citi_on.gif\')"\r\n		  													onMouseOut="swapImg(\'signon_ia\',\'\/personal\/img\/citi_off.gif\')"><img width=142 src="\/personal\/img\/citi_off.gif" alt="Citibank Online" name="signon_ia" border="0" id="signon_ia"><\/A>\r\n													<\/TD>\r\n												<\/TR>\r\n                                		\r\n                                				<TR>\r\n                                					<TD class="floating"><A title="Citi Cards Online" href="#" \r\n															onClick="openInternetiCard(\'\'); return false"\r\n															onMouseOver="swapImg(\'signon_ib\',\'\/personal\/img\/card_on.gif\')"\r\n		  													onMouseOut="swapImg(\'signon_ib\',\'\/personal\/img\/card_off.gif\')"><img width=142 src="\/personal\/img\/card_off.gif" alt="Citi Cards Online" name="signon_ib" border="0" id="signon_ib"><\/A>\r\n													<\/TD>\r\n												<\/TR>\r\n                              	\r\n	<!--											<TR>\r\n                                					<TD class="floating"><A href="#" \r\n															onClick="openWindow(\'\/personal\/banking\/oneclicksignin\/sharedealing.htm\',\'table\'); return false"  \r\n															onMouseOver="swapImg(\'warrant\',\'\/personal\/img\/share_on.gif\')"  \r\n		  													onMouseOut="swapImg(\'warrant\',\'\/personal\/img\/share_off.gif\')"><IMG width=142 alt="Share Dealing" src="\/personal\/img\/share_off.gif" name="warrant"  border=0	><\/A>\r\n													<\/TD>\r\n												<\/TR>\r\n\r\n                                		\r\n                                				<TR>\r\n                                					<TD class="floating"><A href="#" \r\n															onClick="openWindow(\'\/personal\/banking\/oneclicksignin\/isamanager.htm\',\'table\'); return false"  \r\n															onMouseOver="swapImg(\'signon_b\',\'\/personal\/img\/isa_on.gif\')"  \r\n		  													onMouseOut="swapImg(\'signon_b\',\'\/personal\/img\/isa_off.gif\')"><IMG width=142 alt="ISA Manager" src="\/personal\/img\/isa_off.gif" name="signon_b"  border=0><\/A>\r\n													<\/TD>\r\n												<\/TR>\r\n     -->                         	\r\n												<TR>\r\n                                					<TD class="floating"><A href="/personal/banking/applynow/signup.htm" \r\n																														onMouseOver="swapImg(\'supnotyet\',\'\/personal\/img\/signupover.gif\')"  \r\n		  													onMouseOut="swapImg(\'supnotyet\',\'\/personal\/img\/signup.gif\')"><IMG width=142 alt="Sign Up" src="\/personal\/img\/signup.gif" name="supnotyet"  border=0	><\/A>\r\n													<\/TD>\r\n												<\/TR>\r\n											<\/TBODY>\r\n										<\/TABLE>\r\n									<\/TD>\r\n                                	<TD class="floating"><IMG height=77 alt="" src="\/personal\/img\/login_right.gif" width=18 border=0><\/TD>\r\n								<\/TR>\r\n                                <TR>\r\n                                	<TD class="floating" colSpan=3><IMG height=12 alt="" src="\/personal\/img\/login_bottom.gif" width=186 border=0><\/TD>\r\n								<\/TR>\r\n							<\/TBODY>\r\n						<\/TABLE>\r\n					<\/td>\r\n				<\/tr>\r\n			<\/tbody>\r\n		<\/table>\r\n		\r\n	\r\n\r\n<\/div>');

//End content fot floting menu

	var RemainingWidth=0;

	var TotalWidth=0;

	var winWidth=0;	

	CalcWinSize();

	document.write("<table width='" + (TotalWidth) +"' border='0' cellspacing='0' cellpadding='0' class='standard'>");

	document.write("<tr><td style=\"padding-top:20px\">");

	document.write("<table width='100%' border='0' cellspacing='0' cellpadding='0'>");

	document.write("<tr><td width='0'>");

	document.write("<a href='/index.htm' onclick='addciti();'><img src='/personal/img/citi/citi.gif' alt='Citibank'  hspace='10' vspace='7' border='0'></a>");

	document.write("</td>");

	document.write("<td width='100%' class='toplinks'>");

	document.write("<div align='right'>&#8226; <a href='/personal/banking/info/privacy/index.htm' class='toplinks'>privacy</a> &#8226; <a href='http://www.citi.com' class='toplinks'>citi.com</a><br>");

	document.write("<img src='/personal/img/1grey.gif' width='405' height='1'>");

	document.write("<br>&#8226; <a href='#' style='COLOR: #339900' class='toplinks' onclick=showhide_layer(\'faq01\',1,1) onFocus='if(this.blur)this.blur();'>sign on</a> &#8226; <a href='/personal/banking/applynow/index.htm' class='toplinks'>apply</a> &#8226; <a href='/personal/contact_us.htm' class='toplinks'>contact us</a> &#8226; <a href='/personal/banking/info/access/index.htm' class='toplinks'>accessibility</a> &#8226; <!--<a href='/personal/search/index.htm' class='toplinks'>search</a> &#8226; --><a href='/personal/banking/sitemap/' class='toplinks'>site map</a> &#8226; <a href='/index.htm' onclick='addciti();' class='toplinks'>home</a></div><br>");

	document.write("</td>");

	document.write("<td width='0'>");

	if(ie==1)

		document.write("<img src='/personal/img/pixel.gif' width='10' height='1'>");

	else

		document.write("<img src='/personal/img/pixel.gif' width='15' height='1'>");

	document.write("</td></tr>");

	document.write("</table>");

	document.write("</td></tr>");

	document.write("<tr><td nowrap>");

	document.write("<table width='100%'  cellspacing='0' cellpadding='0' border='0' >");

	document.write("<tr>");

	document.write("<td	width='0' nowrap>");

	

	document.write("<img src='/personal/img/country.gif' alt='UK' width='140' height='22'></td></tr><tr><td ><img src='/personal/img/pixel.gif' width='15' height='5'></td></tr>");

		

	if(tab == 5)

		document.write("<tr><td background='/personal/img/goldnav/b_line.gif'>");

	else

		document.write("<tr><td background='/personal/img/nav/b_line.gif'>");

	winWidth = winWidth - 256;

	//added for tab link- starts

	for ( var i=1;i<tabName.length;i++){

		if (tab == i){			

		document.write("<a id='tab'+i href='" + tabLink[i] + "'  >");

		document.write("<img src='" + tabImgActive[i] + "' alt='" + tabName[i] +"' name='nav_" + tabImgID[i] + "' height='22' border='0' id='nav_" + tabImgID[i] + "' ></a>");

		getWidthofObject('nav_' + tabImgID[i]);

		getWidthofObject('tab' + i);		

		}

		else{

		document.write("<a id='tab'+i href='" + tabLink[i] + "' onMouseOver='navRoll(" + tabImgID[i] + ",1,1)' onMouseOut='navRoll(" + tabImgID[i] + ",0,1)' >");

		document.write("<img src='" + tabImgOff[i] + "' alt='" + tabName[i] +"' name='nav_" + tabImgID[i] + "' height='22' border='0' id='nav_" + tabImgID[i] + "' ></a>");

		getWidthofObject('nav_' + tabImgID[i]);

		getWidthofObject('tab' + i);

		}

		if (tab == 5)

		document.write("<img src='/personal/img/goldnav/b_line.gif' width='5' height='22' border='0'>");

		else

		document.write("<img src='/personal/img/nav/b_line.gif' width='5' height='22' border='0'>");

		winWidth = winWidth -5;

	}

	document.write("</td>");

    //ends

    if(n==1)

		if (tab == 5)

			document.write("<td background='/personal/img/goldnav/b_line.gif' height='22' align='left' valign='bottom' nowrap><img src='/personal/img/goldnav/b_line.gif' width='" + (winWidth + 95) + "px' height='22'></td>");

		else

    		document.write("<td background='/personal/img/nav/b_line.gif' height='22' align='left' valign='bottom' nowrap><img src='/personal/img/nav/b_line.gif' width='" + (winWidth + 95) + "px' height='22'></td>");

    else if(ns6==1)

		if (tab == 5)

			document.write("<td background='/personal/img/goldnav/b_line.gif' height='22' align='left' valign='bottom' nowrap><img src='/personal/img/goldnav/b_line.gif' width='" + (winWidth + 58) + "px' height='22'></td>");

		else

			document.write("<td background='/personal/img/nav/b_line.gif' height='22' align='left' valign='bottom' nowrap><img src='/personal/img/nav/b_line.gif' width='" + (winWidth + 59) + "px' height='22'></td>");

	else

		if (tab == 5)

			document.write("<td width='100%'><img src='/personal/img/goldnav/b_line.gif' width='100%' height='22'></td>");

		else

			document.write("<td width='100%'><img src='/personal/img/nav/b_line.gif' width='100%' height='22'></td>");

	document.write("</tr>");

	document.write("</table>");

	document.write("</td></tr>");

	document.write("</table>");



function getWidthofObject(objectName)

	{

		if (n==1  )

		{

			objectName ="document." + objectName;

			var obj = eval(objectName)

			if (obj) 

			{

				winWidth = winWidth- obj.width;

			}	

		}	

	}

	function CalcWinSize() 

	{

		if(ns6==1) 

		{

			winWidth=innerWidth;

			TotalWidth=winWidth-14;

			winWidth = winWidth- (444);

			RemainingWidth=winWidth-(444);

		}

		else

		{

			winWidth=window.screen.width;

			TotalWidth="100%";

			RemainingWidth=winWidth-(433);

		}

	}

	var win = null;



function NewWindow(mypage,myname,w,h)

	{

		LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;

		TopPosition = (screen.height) ? (screen.height-h)/2 : 0;

		settings ='height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars=yes,resizable';

		win = window.open(mypage,myname,settings)

	}

	function addciti()
	{
		var strSource= parent.location. href;
		
		 strSource = strSource.substring(strSource.indexOf("?"), strSource.length);

        if(strSource!=""){
  
	   createCookie("citi",strSource,1);
		}
	

	}