MMSGNav = {
	// "base": "http://staging.interuptive.com/mitsubishi",
	//"base": "http://macmini/nas/mitsubishi",
	 //"base": "http://202.157.143.205",
	 "base" : "",
	"top": [
		{
			"name": "Mitsubishi Technology",
			"href": "/technology/"
		},
		{
			"name": "Ralliart",
			"href": "/ralliart/"
		},
		{
			"name": "Services",
			"href": "/services/"
		},
		{
			"name": "Owner's Section",
			"href": "/owners-section/"
		},
		{
			"name": "Happenings",
			"href": "/happenings/"
		}
	],
	"bottom": [
		{
			"id":   "CNColtRange",
			"name": "Colt Version R",
			"href": "javascript:void(0);",
			"range": {
				"width": "190px",
				"cars": [
					{
						"class": "CNColtVersionR",
						"href": "/cars/colt_version_r/#/"
					}
				]
			}
		},
		{
			"id":   "CND5",
			"name": "D5",
			"href": "/cars/d5/"
		},
		{
			"id":   "CNGrandis",
			"name": "Grandis",
			"href": "/cars/grandis/"
		},
		{
			"id":   "CNiMiEv",
			"name": "iMiEV",
			"href": "/cars/imiev/"
		},
		{
			"id":   "CNLancerEXRange",
			"name": "Lancer EX Range",
			"href": "javascript:void(0);",
			"range": {
				"width": "380px", // 580px
				"cars": [
					{
						"class": "CNLancerEX",
						"href": "/cars/lancer_ex/#/"
					},
					/* {
						"class": "CNLancerEXRalliart",
						"href": "/cars/lacner_exralliart/"
					}, */
					{
						"class": "CNLancerEvoX",
						"href": "/cars/lancer_evox/#/"
					}
				]				
			}
		},
		{
			"id":   "CNLancerMR",
			"name": "Lancer MR",
			"href": "/cars/lancer_mr/"
		},
		{
			"id":   "CNMitsubishii",
			"name": "Mitsubishi i",
			"href": "/cars/mitsubishi_i/"
		},
		{
			"id":   "CNMitsubishiASX",
			"name": "Mitsubishi ASX",
			"href": "/cars/asx/"
		},
		{
			"id":   "CNOutlander",
			"name": "Outlander",
			"href": "/cars/outlander/"
		}
	],
	getRange: function(id) {
		var retVal = false;
		var range = false;
		$.each(this.bottom, function(index, val) {
		  //iterate through array or object. val is used only for objects
			if (val.id == id) {
				range = val.range;
			}
		});
		if (range) {
			insideHTML = '<div id="CarNavHover" style="width: '+range.width+'"><div style="width: '+range.width+'">';
			$.each(range.cars, function(index, val) {
				insideHTML += '<a class="'+ val["class"] +'" href="'+MMSGNav.base+val['href']+'"><span class="img"></span><span class="text"></span></a>';
			});
			insideHTML += '</div></div>';
			retVal = insideHTML;
		}
		return retVal;
	},
	
	init: function () {
		var active = (arguments[0]);
		
		// events
		function carNavReset() {
			$('#CarNav li').removeClass('hover');
		    $('#CarNavHover').remove();
		}
		function deactivateMouseMove() {
			$(document).unbind('mousemove');
			carNavReset();			
		}
		function activateMouseMove() {
			$(document).bind('mousemove', function(e) {
		    	var yLimitUpper = $('#CarNav li a').first().position().top - 1;
				var yLimitLower = 250;
		        if (!((e.pageY < yLimitLower) && (e.pageY > yLimitUpper))) {
					$(document).unbind('mousemove');
					carNavReset();
		        } 
			});
		}
		
		// facebook
		
		// $('#FooterLinks').find('li:eq(3)').css({
		// 	'background': 'url(http://staging.interuptive.com/mitsubishi/images/f.png) no-repeat 10px 0',
		// 	'padding-left': '30px'
		// });
		
		// assemble nav
		var navHtml = '<div style="width: 800px; margin: 0 auto;">';
		navHtml += "<div id=\"TopNav\">\n\t<ul>\n";
		$.each(this.top, function(index, val) {
			navHtml += "<li><a href=\""+MMSGNav.base+val['href']+"\">"+val.name+"</a></li>\n";
		});
		navHtml += "\n</ul></div>\n";
		navHtml += "<div id=\"CarNav\">\n\t<ul>\n";
		$.each(this.bottom, function(index, val) {
			var name = val['name'];
			var href = (val['range']) ? "javascript:void(0)" : MMSGNav.base+val['href'];
			var id = val['id'];			
			navHtml += "<li id=\""+id+"\"><a href=\""+href+"\">"+name+"</a></li>\n";
		});
		
		// home and cc links
		navHtml += '<a id="HomeLink" href="'+this.base+'/"></a>';
		navHtml += '<a id="CCLink" href="http://www.cyclecarriage.com.sg/" target="_blank"></a>';
		navHtml += '</div>';
		
		// $('#Hdr').html(navHtml);
		
		if (!Modernizr.borderradius) {
            $('#CarNav li a').css('height',150).append('<div class="tl"></div><div class="tr"></div><div class="bl"></div><div class="br"></div>');			
        }
		
		// Car Nav 
		// $('#Hdr').css({'height': '60px', 'padding-top': '20px'});
		         // .bind('mouseover', function(event) {
		         // 	$("#CarNav li").trigger("activateMouseMove");
		         // });
		$('#CarNav li a').css('height','18px');
		
		$('#CarNav li').bind('mouseover', function(event) {
			carNavReset();
			activateMouseMove();
			
	        $(this).addClass('hover');

	        // var carId = $(this).data("handle").elem.id;
			var carId = $(this).attr("id");

	        var link = $(this).find('a').first().attr('href');
	        var hoverWidth = 200;

	        var wid = $(this).width();
	        var pos = $(this).position();
	        var leftPos = pos.left - 100 + (wid/2);
	        var topPos = pos.top + 25;
	        var hoverHTML = '<div id="CarNavHover"><div><a href="" class="link"><span class="img"></span><span class="text"></span></a></div></div>';
	        switch (carId) {
	            case "CNColtRange":
				hoverHTML = MMSGNav.getRange(carId);
	            break;
	            case "CNLancerEXRange":
	            hoverHTML = MMSGNav.getRange(carId);
	            // leftPos = pos.left - 280 + (wid/2); 560 width
	            leftPos = pos.left - 200 + (wid/2);
	            break;
	        }
	        $('#Hdr').append(hoverHTML);
	        $('#CarNavHover').css({'left':leftPos, 'top': topPos, 'position': 'absolute', 'z-index': 99}).addClass(carId);
	        $('#CarNavHover a.link').attr('href',link);
	        if (!Modernizr.borderradius) {
	            $('#CarNavHover div').css('height',150).append('<div class="tl"></div><div class="tr"></div><div class="bl"></div><div class="br"></div>');
				
	            $('#CarNavHover').css({'top': pos.top + 27, 'left': leftPos +5, 'padding': '0px', 'height': 150});
				
	        }
		});
		
		if (active !== undefined) {
			switch(active) {
				case "technology":
				$('#TopNav ul li:eq(0) a').addClass("selected");
				break;
				case "ralliart":
				$('#TopNav ul li:eq(1) a').addClass("selected");
				break;
				case "services":
				$('#TopNav ul li:eq(2) a').addClass("selected");
				break;
				case "owners-section":
				$('#TopNav ul li:eq(3) a').addClass("selected");
				break;
				case "happenings":
				$('#TopNav ul li:eq(4) a').addClass("selected");
				break;
				case "about":
				$('#FooterLinks li:eq(0) a').addClass("selected");
				break;
			}
		}
		// $('#FooterLinks li:eq(0) a').attr("href",this.base+"/about/");
		// $('#FooterLinks li:eq(1) a').attr("href",this.base+"/#/contactus");
		// $('#FooterLinks li:eq(2) a').attr("href",this.base+"/email_alerts/");		
		// $('#FooterLinks li:eq(3) a').attr("href","http://www.facebook.com/Team.Mitsubishi").attr("target","_blank");
		
		return true;
	}
	
};

jQuery(function ($) {
	// MMSGNav.init();
});