$(document).ready(function() {

	$('ul#dropItems1, ul#dropItems2, ul#dropItems3').hide();
	
	$.getJSON('/ajax/homepage-menu.php', {}, 
	function(data) {
		$.each(data.oems, function(index, value){
			if(this.link == ''){
				$('#dropItems1').append('<li><a c_id="' + this.id + '" class="linkSelect1" href="#"><span>' + this.oem + '</span></a></li>');
			} else {
				$('#dropItems1').append('<li><a href="/' + this.link + '/"><span>' + this.oem + '</span></a></li>');
			}
		});
		$('a.linkSelect1').click(function() {
			pageTracker._trackEvent('Case Finder', 'Select', $(this).find("span").text());
			$('#oem span').html($(this).find("span").text());
			$('#device span').html("2) Select your device");
			$.getJSON('/ajax/homepage-menu.php?node=' + $(this).attr("c_id"), {}, 
			function(data) {
				$('ul#dropItems2').html("");
				$.each(data.oems, function(index, value){
					if(this.link == ''){
						$('#dropItems2').append('<li><a c_id="' + this.id + '" class="linkSelect2" href="#"><span>' + this.oem + '</span></a></li>');
					} else {
						$('#dropItems2').append('<li><a href="/' + this.link + '/" class="linkGo2"><span>' + this.oem + '</span></a></li>');
					}
				});
				$('a.linkGo2').click(function() {
					pageTracker._trackEvent('Case Finder', 'Navigate', $(this).find("span").text());
				});
				$('a.linkSelect2').click(function() {
					pageTracker._trackEvent('Case Finder', 'Select', $(this).find("span").text());
					$('#device span').html($(this).find("span").text());
					$.getJSON('/ajax/homepage-menu.php?node=' + $(this).attr("c_id"), {}, 
					function(data) {
						$('ul#dropItems3').html("");
						$.each(data.oems, function(index, value){
							if(this.link == ''){
								$('#dropItems3').append('<li><a href="#"><span>' + this.oem + '</span></a></li>');
							} else {
								$('#dropItems3').append('<li><a href="/' + this.link + '/" class="linkGo3"><span>' + this.oem + '</span></a></li>');
							}
						});
						$('a.linkGo3').click(function() {
							pageTracker._trackEvent('Case Finder', 'Navigate', $(this).find("span").text());
						});
						$('ul#dropItems2').slideUp(100);
						$('a#model').removeClass('disabledHeadLink').addClass('enabledHeadLink');
					});
					return false;
				});
				$('ul#dropItems1').slideUp(100);
				$('a#device').removeClass('disabledHeadLink').addClass('enabledHeadLink');
				$('a#model').removeClass('enabledHeadLink').addClass('disabledHeadLink');
			});
			return false;
		});
	});
	
	$('a#oem').click(function() {
		var app = this;
		if(app.timer == undefined || app.timer == 0){
			app.timer = setTimeout(function(){clearTimeout(app.timer);app.timer = 0;}, 300);
			$('ul#dropItems1').stop();
			if($('ul#dropItems1').css("display") == "none"){
				$('ul#dropItems2').hide();
				$('ul#dropItems3').hide();
				$('ul#dropItems1').slideDown(100);
			} else {
				$('ul#dropItems1').slideUp(100);
			}
		} else {
			clearTimeout(app.timer);
			app.timer = 0;
		}
		return false;
	});
	
	$('a#device').click(function() {
		var app = this;
		if(app.timer == undefined || app.timer == 0){
			app.timer = setTimeout(function(){clearTimeout(app.timer);app.timer = 0;}, 300);
			$('ul#dropItems2').stop();
			if($('ul#dropItems2').css("display") == "none"){
				$('ul#dropItems1').hide();
				$('ul#dropItems3').hide();
				$('ul#dropItems2').slideDown(100);
			} else {
				$('ul#dropItems2').slideUp(100);
			}
		} else {
			clearTimeout(app.timer);
			app.timer = 0;
		}
		return false;
	});
	
	$('a#model').click(function() {
		var app = this;
		if(app.timer == undefined || app.timer == 0){
			app.timer = setTimeout(function(){clearTimeout(app.timer);app.timer = 0;}, 300);
			$('ul#dropItems3').stop();
			if($('ul#dropItems3').css("display") == "none"){
				$('ul#dropItems1').hide();
				$('ul#dropItems2').hide();
				$('ul#dropItems3').slideDown(100);
			} else {
				$('ul#dropItems3').slideUp(100);
			}
		} else {
			clearTimeout(app.timer);
			app.timer = 0;
		}
		return false;
	});
	
	$(document).click(function(e) {
		e = e || window.event; 
		var t = e.target || e.srcElement; 
		
		if($('ul#dropItems1').css("display") != "none"){
			$('ul#dropItems1').slideUp(100);
		}
		
		if($('ul#dropItems2').css("display") != "none"){
			$('ul#dropItems2').slideUp(100);
		}
		
		if($('ul#dropItems3').css("display") != "none"){
			$('ul#dropItems3').slideUp(100);
		}
	});
});