if(typeof(ecarlist) !== 'object'){ ecarlist = {}; }
ecarlist.nav_header = {
	init: function (ele){
		if( !(ecarlist.nav_header.dealer) ){ ecarlist.nav_header.dealer = 0; }
		var elements;
		var home_link;
		var prefer_link;
		if( ecarlist.nav_header.testing ){ 
			elements = ecarlist.nav_header.testing_elements;
			home_link = "http://dev.parkplacetexas.com";
			prefer_link = "http://dev.parkplacetexas.com/preferred-members/login.aspx";
		}else{
			elements = ecarlist.nav_header.elements;
			home_link = "http://www.parkplacetexas.com";
			prefer_link = "http://www.parkplacetexas.com/preferred-members/login.aspx";
		}
		//build elements	
		var header = document.createElement('div');
		var header_l = document.createElement('div');
		var header_r = document.createElement('div');
		var h1 = document.createElement('h1');
		var h1_a = document.createElement('a');
		var h2 = document.createElement('h2');
		var preferred_link = document.createElement('a');
		var dealer_list = ecarlist.nav_header.buildNav(elements, "pp_dealers_dynamic");
		var dealer_li = $(dealer_list).children();
		dealer_li = $(dealer_li).children();
		dealer_li = $(dealer_li).filter('a');
		$(dealer_li).fadeTo(1, 0);
		$(h1_a).attr('href', home_link)
			.html('Park Place Texas');
		$(h1).append(h1_a);
		$(h2).attr('id', 'dealer_id_' + ecarlist.nav_header.dealer)
			.html(ecarlist.nav_header.dealer_hash[ecarlist.nav_header.dealer]);
		$(preferred_link).attr('id', 'prefer_login')
			.attr('href', prefer_link)
			.html('Preferred Member Login');
		$(header_l).attr('id', 'nav_header_l')
			.append(h1)
		$(header_r).attr('id', 'nav_header_r')
			.append(preferred_link)
			.append(dealer_list);
		$(header).attr('id', 'nav_header')
			.append(header_l)
			.append(header_r);
		$("#" + ele).replaceWith(header);
		//style 
		var dealer_icons = $("#pp_dealers_dynamic > li");
		$(dealer_icons).each( function(){
			$(this).bind('mouseover', ecarlist.nav_header.mouseover);
			$(this).bind('mouseout', ecarlist.nav_header.mouseout);
		});
	},
	buildNav: function(ele, id){
		var list = document.createElement('ul');
		$(list).attr('id', id);
		for( var i = 0; i < ele.length; i++ ){
			var ele_li = document.createElement('li');
			$(ele_li).attr('id', 'li_' + ele[i]['id']);
			var ele_a = document.createElement('a');
			$(ele_a).attr('id', ele[i]['id'])
				.attr('href', ele[i]['url'])
				.html(ele[i]['name']);
			if(typeof(ele[i]['target']) === 'string'){
				$(ele_a).attr('target', ele[i]['target']);
			}
			$(ele_li).append(ele_a);
			if( typeof(ele[i]['elements']) === 'object' && ele[i]['elements'].length > 0 ){
					var child_ul = ecarlist.nav_header.buildNav(ele[i]['elements'], "child_" + ele[i]['id']);
					$(ele_li).append(child_ul);
			}
			$(list).append(ele_li);
		}
		return list;
	},
	mouseout: function(){
		var ele = this;
		if(ecarlist.nav_header.eleTrack == $(ele).attr('id')){
			clearTimeout(ecarlist.nav_header.timerOpen);
		} else {
			ecarlist.nav_header.eleTrack = $(ele).attr('id');
		}
		ecarlist.nav_header.timerClose = setTimeout(function(){
			$(ele).parent().parent().parent().css('z-index', 5);
			$(ele).children().filter("a").stop().fadeTo('fast', 0);
			$(ele).find("ul").stop().animate({
				top: "65px",
				opacity: 0
				}, "fast", function(){ 
					$(this).attr('style', ''); 
				});
		}, 150);
	},
	mouseover: function(){
		var ele = this;
		if(ecarlist.nav_header.eleTrack == $(ele).attr('id')){
			clearTimeout(ecarlist.nav_header.timerClose);
		} else {
			ecarlist.nav_header.eleTrack = $(ele).attr('id');
		}
		ecarlist.nav_header.timerOpen = setTimeout(function(){
			$(ele).parent().parent().parent().css('z-index', 100);
			$(ele).find("a:first").stop().fadeTo("fast", 1);
			$(ele).find("ul").stop().slideDown('fast');
		}, 150);
	},
	elements: [
		{
			name: "Park Place Mercedes-Benz",
			id: "d_mb",
			url: "http://www.parkplacetexas.com/dealership/select-mb.aspx",
			elements: [
				{
					name: "Motorcars Dallas",
					id: "sub_mcDal",
					url: "http://mercedesbenzdallas.parkplacetexas.com/"
				},
				{
					name: "Motorcars Fort Worth",
					id: "sub_mcFtw",
					url: "http://mercedesbenzfortworth.parkplacetexas.com/"
				},
				{
					name: "Motorcars Grapevine",
					id: "sub_mcBed",
					url: "http://mercedesbenzbedford.parkplacetexas.com/"
				}
			]
		},
		{
			name: "Park Place Lexus",
			id: "d_lexus",
			url: "http://www.parkplacetexas.com/dealership/select-lexus.aspx",
			elements: [
				{
					name: "Lexus Grapevine",
					id: "sub_lexGrape",
					url: "http://lexusgrapevine.parkplacetexas.com/"
				},
				{
					name: "Lexus Plano",
					id: "sub_lexPlan",
					url: "http://lexusplano.parkplacetexas.com/"
				}
			]
		},
		{
			name: "Park Place Porsche",
			id: "d_porsche",
			url: "http://porschedallas.parkplacetexas.com/",
			elements: [
				{
					name: "Park Place Porsche",
					id: "sub_porsche",
					url: "http://porschedallas.parkplacetexas.com/"
				}
			]
		},
		{
			name: "Park Place Jaguar",
			id: "d_jaguar",
			url: "http://www.parkplacetexas.com/dealership/select-jaguar.aspx",
			elements: [
				{
					name: "Jaguar Dallas",
					id: "sub_jag_dallas",
					url: "http://jaguardallas.parkplacetexas.com"
				},
				{
					name: "Jaguar Plano",
					id: "sub_jag",
					url: "http://jaguarplano.parkplacetexas.com/"
				}
			]
		},
		{
			name: "Park Place Volvo",
			id: "d_volv",
			url: "http://dallasvolvo.parkplacetexas.com/",
			elements: [
				{
					name: "Park Place Volvo",
					id: "sub_volv",
					url: "http://dallasvolvo.parkplacetexas.com/"
				}
			]
		},
		{
			name: "McLaren Dallas",
			id: "d_mclaren",
			url: "http://mclarendallas.parkplacetexas.com/",
			elements: [
				{
					name: "McLaren Dallas",
					id: "sub_mclaren",
					url: "http://mclarendallas.parkplacetexas.com/"
				}
			]
		},
		{
			name: "Park Place Maserati",
			id: "d_mas",
			url: "http://maseratidallas.parkplacetexas.com/",
			elements: [
				{
					name: "Park Place Maserati",
					id: "sub_mas",
					url: "http://maseratidallas.parkplacetexas.com/"
				}
			]
		},
		{
			name: "Bentley Dallas",
			id: "d_bentley",
			url: "http://bentleydallas.parkplacetexas.com/",
			elements: [
				{
					name: "Bentley Dallas",
					id: "sub_bentDallas",
					url: "http://bentleydallas.parkplacetexas.com/"
				}
			]
		},
		{
			name: "Lotus Dallas",
			id: "d_lotus",
			url: "http://lotusplano.parkplacetexas.com/",
			elements: [
				{
					name: "Lotus of Plano",
					id: "sub_lotus",
					url: "http://lotusplano.parkplacetexas.com/"
				}
			]
		},
		{
			name: "Rolls-Royce Motorcars",
			id: "d_rolls",
			url: "http://rollsroycedallas.parkplacetexas.com/",
			elements: [
				{
					name: "Rolls-Royce Motor Cars Dallas",
					id: "sub_rolls",
					url: "http://rollsroycedallas.parkplacetexas.com/"
				}
			]
		},
		{
			name: "Park Place smart center",
			id: "d_smart",
			url: "http://www.parkplacetexas.com/dealership/select-smart.aspx",
			elements: [
				{
					name: "smart center Dallas",
					id: "sub_smartDal",
					url: "http://www.parkplacetexas.com/dealership/?dealershipid=18"
				},
				{
					name: "smart center Ft Worth",
					id: "sub_smartFtw",
					url: "http://www.parkplacetexas.com/dealership/?dealershipid=19"
				}
			]
		}
	],
	testing_elements: [
		{
			name: "Park Place Mercedes-Benz",
			id: "d_mb",
			url: "http://www.parkplacetexas.com/dealership/select-mb.aspx",
			elements: [
				{
					name: "Motorcars Dallas",
					id: "sub_mcDal",
					url: "http://mercedesbenzdallas.parkplacetexas.com/"
				},
				{
					name: "Motorcars Fort Worth",
					id: "sub_mcFtw",
					url: "http://mercedesbenzfortworth.parkplacetexas.com/"
				},
				{
					name: "Motorcars Grapevine",
					id: "sub_mcBed",
					url: "http://mercedesbenzbedford.parkplacetexas.com/"
				}
			]
		},
		{
			name: "Park Place Lexus",
			id: "d_lexus",
			url: "http://www.parkplacetexas.com/dealership/select-lexus.aspx",
			elements: [
				{
					name: "Lexus Grapevine",
					id: "sub_lexGrape",
					url: "http://lexusgrapevine.parkplacetexas.com/"
				},
				{
					name: "Lexus Plano",
					id: "sub_lexPlan",
					url: "http://lexusplano.parkplacetexas.com/"
				}
			]
		},
		{
			name: "Park Place Porsche",
			id: "d_porsche",
			url: "http://porschedallas.parkplacetexas.com/",
			elements: [
				{
					name: "Park Place Porsche",
					id: "sub_porsche",
					url: "http://porschedallas.parkplacetexas.com/"
				}
			]
		},
		{
			name: "Park Place Jaguar",
			id: "d_jaguar",
			url: "http://www.parkplacetexas.com/dealership/select-jaguar.aspx",
			elements: [
				{
					name: "Jaguar Dallas",
					id: "sub_jag_dallas",
					url: "http://jaguardallas.parkplacetexas.com"
				},
				{
					name: "Jaguar Plano",
					id: "sub_jag",
					url: "http://jaguarplano.parkplacetexas.com/"
				}
			]
		},
		{
			name: "Park Place Volvo",
			id: "d_volv",
			url: "http://dallasvolvo.parkplacetexas.com/",
			elements: [
				{
					name: "Park Place Volvo",
					id: "sub_volv",
					url: "http://dallasvolvo.parkplacetexas.com/"
				}
			]
		},
		{
			name: "McLaren Dallas",
			id: "d_mclaren",
			url: "http://mclarendallas.parkplacetexas.com/",
			elements: [
				{
					name: "McLaren Dallas",
					id: "sub_mclaren",
					url: "http://mclarendallas.parkplacetexas.com"
				}
			]
		},
		{
			name: "Park Place Maserati",
			id: "d_mas",
			url: "http://maseratidallas.parkplacetexas.com/",
			elements: [
				{
					name: "Park Place Maserati",
					id: "sub_mas",
					url: "http://maseratidallas.parkplacetexas.com/"
				}
			]
		},
		{
			name: "Bentley Dallas",
			id: "d_bentley",
			url: "http://bentleydallas.parkplacetexas.com/",
			elements: [
				{
					name: "Bentley Dallas",
					id: "sub_bentDallas",
					url: "http://bentleydallas.parkplacetexas.com/"
				}
			]
		},
		{
			name: "Lotus Dallas",
			id: "d_lotus",
			url: "http://lotusplano.parkplacetexas.com/",
			elements: [
				{
					name: "Lotus of Plano",
					id: "sub_lotus",
					url: "http://lotusplano.parkplacetexas.com/"
				}
			]
		},
		{
			name: "Rolls-Royce Motorcars",
			id: "d_rolls",
			url: "http://rollsroycedallas.parkplacetexas.com/",
			elements: [
				{
					name: "Rolls-Royce Motor Cars Dallas",
					id: "sub_rolls",
					url: "http://rollsroycedallas.parkplacetexas.com/"
				}
			]
		},
		{
			name: "Park Place smart center",
			id: "d_smart",
			url: "http://www.parkplacetexas.com/dealership/select-smart.aspx",
			elements: [
				{
					name: "smart center Dallas",
					id: "sub_smartDal",
					url: "http://www.parkplacetexas.com/dealership/?dealershipid=18"
				},
				{
					name: "smart center Ft Worth",
					id: "sub_smartFtw",
					url: "http://www.parkplacetexas.com/dealership/?dealershipid=19"
				}
			]
		}
	],
	dealer_hash: {
		0: 'Experts in Excellence',
		1: 'Motorcars Dallas',
		2: 'Porsche Dallas',
		3: 'Motorcars Ft. Worth',
		4: 'Motorcars Bedford',
		5: 'Lexus Plano',
		6: 'Lexus Grapevine',
		12: 'Bentley Dallas',
		13: 'Rolls-Royce Dallas',
		14: 'Maserati Dallas',
		16: 'Volvo Dallas',
		18: 'smart center Dallas',
		19: 'smart center Dallas'
	},
	testing: false,
	eleTrack: "",
	timerOpen: "",
	timerClose: ""
}

