$(document).ready(initPage);

function initPage() {
	buildTemplate();
	initMenu();
}

function initMenu() {
	var str_url = window.location.toString().toLowerCase();
	var str_link = "";
	
	// mark submenu selected
	$('#menu .submenu a').each(
		function() {
			str_link = $(this).attr('href').toLowerCase();
			if (str_url.indexOf(str_link) != -1) {
				$(this).addClass('selected');
			}
		}
	);
	
	// mark mainmenu selected
	$('#menu li').each(
		function() {
			str_link = $('a:first-child', this).attr('href').toLowerCase();
			var path_start = str_url.indexOf(str_link);
			var path = '';
			if (path_start != -1 ) {
				path = str_url.substring(path_start);
			}
			if ((path_start != -1 && path.length == str_link.length) || $('.submenu a.selected', this).length > 0) {
				$(this).addClass('selected');
			}
		}
	);
	
	// select the first item (homepage) if nothing else is selected
	if ($('#menu .selected').length == 0) {
		$('#menu li:first-child').addClass('selected');
	}
}

function openWin(url, win_name) {
	window.open(url, win_name, 'width=1000,height=600,resizable=yes,scrollbars=yes,location=yes');
}

function buildTemplate() {
	var str_header = 	'<div class="container">' + 
						'	<div class="inner_container">' + 
						'		<a href="/careers/" class="logo"><img src="/careers/common/images/logo/citi_logo.jpg" alt="Citibank Malaysia" /></a>' + 
						'		<div id="menu">' + 
						'			<div class="container">' + 
						'				<ul>' + 
						'					<li><a href="/careers/">Home</a></li>' + 
						'					<li><a href="javascript:openWin(\'/careers/current_opportunities/\', \'current_opportunities\');">Current Opportunities</a></li>' + 
						'					<li>' + 
						'						<a href="/careers/talents/" class="main_item">Talent Programs</a>' + 
						'						<div class="submenu">' + 
						'							<div class="container">' + 
						'								<div class="inner_container">' + 
						'									<a href="/careers/management/">Management Associate Program</a> |' + 
						'									<a href="/careers/graduate/">Graduate Executive Program</a>' + 
						'								</div>' + 
						'							</div>' + 
						'						</div>' + 
						'					</li>' + 
						'					<li><a href="/careers/internship/">Internship and Summer Associate Programs</a></li>' + 
						'				</ul>' + 
						'			</div>' + 
						'		</div>' + 
						'	</div>' + 
						'</div>';
	
	var str_footer = 	'<div class="links">' + 
						'	<a href="http://citibank.com.my" class="citibank_link">citibank.com.my</a>' + 
						'	<ul class="info_links">' + 
						'		<li><a href="http://www.citibank.com.my/global_docs/disclaim.htm">Terms &amp; Conditions</a></li>' + 
						'		<li><a href="http://www.citibank.com.my/MYGCB/APPS/portal/loadPopup.do?path=/popup/citibank_privacy_promise.htm">Privacy</a></li>' + 
						'		<li><a href="http://www.citibank.com.my/MYGCB/APPS/portal/loadPage.do?tabNo=1&htmlPageName=/global_htm/contact_us.htm">Contact Us</a></li>' + 
						'	</ul>' + 
						'</div>' + 
						'<p>Copyright &copy; 2010 Citigroup</p>';
						
	$('#header').append(str_header);
	$('#footer').append(str_footer);
}