function clearNode(obj) {
	obj.css("background-color", "transparent");
	obj.children('img').attr("src",obj.children('img').attr("src").replace("-on","-off"));
}
function styleNode(obj) {
	obj.css("background-color", "#11354e");
	obj.children('img').attr("src",obj.children('img').attr("src").replace("-off","-on"));
}
function hideIndoorDropdown(obj) {
	if($('#dropdown-indoor').css("display") != "block") {
		clearTimeout(indoorTimer);
		indoorTimer = setTimeout("hideIndoorDropdown($('#navNode-indoor'))",10);
		return;
	}
	
	var obj = $('#navNode-indoor');
	$('#dropdown-indoor').queue(function(){
		$('#dropdown-indoor').hide(0);
		$('#dropdown-indoor').dequeue();
	}); 
	if(activeSection != 'indoor') {
		clearNode(obj);
	};
	$('#dropdown-indoor').queue(function(){
		if(lastActive=='indoor' && currentActive=='indoor') {
			if(activeSection == 'indoor') {
				obj.css("width", "500px");
				$('#navNode-outdoor').css("width", "180px");
				$('#navNode-inspiration').css("width", "177px");			
			} else if(activeSection == 'outdoor') {
				obj.css("width", "182px");
				$('#navNode-outdoor').css("width", "475px");
				$('#navNode-inspiration').css("width", "177px");			
			} else if(activeSection == 'inspiration') {
				obj.css("width", "182px");
				$('#navNode-outdoor').css("width", "178px");
				$('#navNode-inspiration').css("width", "500px");			
			} else {
				obj.css("width", "301px");
				$('#navNode-outdoor').css("width", "298px");
				$('#navNode-inspiration').css("width", "309px");
			}
		}
		$('#dropdown-indoor').dequeue();
	});
}

function hideOutdoorDropdown(obj) {
	if($('#dropdown-outdoor').css("display") != "block") {
		clearTimeout(outdoorTimer);
		outdoorTimer = setTimeout("hideOutdoorDropdown($('#navNode-outdoor'))",10);
		return;
	}
	var obj =  $('#navNode-outdoor');
	$('#dropdown-outdoor').queue(function(){
		$('#dropdown-outdoor').hide(0);
		$('#dropdown-outdoor').dequeue();
	});
	if(activeSection != 'outdoor') {
		clearNode(obj);
	};
	$('#dropdown-outdoor').queue(function(){
		if(lastActive=='outdoor' && currentActive=='outdoor') {
			if(activeSection == 'indoor') {
				obj.css("width", "180px");
				$('#navNode-indoor').css("width", "500px");
				$('#navNode-inspiration').css("width", "177px");			
			} else if(activeSection == 'outdoor') {
				obj.css("width", "475px");
				$('#navNode-indoor').css("width", "182px");
				$('#navNode-inspiration').css("width", "177px");			
			} else if(activeSection == 'inspiration') {
				obj.css("width", "178px");
				$('#navNode-indoor').css("width", "182px");
				$('#navNode-inspiration').css("width", "500px");			
			} else {
				obj.css("width", "298px");
				$('#navNode-indoor').css("width", "301px");
				$('#navNode-inspiration').css("width", "309px");
			}
		}
		$('#dropdown-outdoor').dequeue();
	});
}

function hideInspirationDropdown(obj) {
	if($('#dropdown-inspiration').css("display") != "block") {
		clearTimeout(inspirationTimer);
		inspirationTimer = setTimeout("hideInspirationDropdown($('#navNode-inspiration'))",10);
		return;
	}
	
	var obj = $('#navNode-inspiration');
	$('#dropdown-inspiration').queue(function(){
		$('#dropdown-inspiration').hide(0);
		$('#dropdown-inspiration').dequeue();
	});
	if(activeSection != 'inspiration') {
		clearNode(obj);
	};
	$('#dropdown-inspiration').queue(function(){
		if(lastActive=='inspiration' && currentActive=='inspiration') {
			if(activeSection == 'indoor') {
				obj.css("width", "177px");
				$('#navNode-indoor').css("width", "500px");						
				$('#navNode-outdoor').css("width", "180px");	
			} else if(activeSection == 'outdoor') {
				obj.css("width", "177px");
				$('#navNode-indoor').css("width", "182px");						
				$('#navNode-outdoor').css("width", "475px");	
			} else if(activeSection == 'inspiration') {
				obj.css("width", "500px");
				$('#navNode-indoor').css("width", "182px");					
				$('#navNode-outdoor').css("width", "178px");		
			} else {
				obj.css("width", "309px");
				$('#navNode-indoor').css("width", "301px");
				$('#navNode-outdoor').css("width", "298px");
			}	
		}
		$('#dropdown-inspiration').dequeue();
	});
	
}

function calculateNavColumnHeightIndoor() {
	var byProduct_indoor_height = $('#dropdown-indoor .dropDown-byProduct-column').height();
	if(byProduct_indoor_height) {
		$('#dropdown-indoor .dropDown-bySetting-column').height(byProduct_indoor_height) ;
		$('#dropdown-indoor .dropDown-byDesigner-column').height(byProduct_indoor_height) ;
		calculateNavColumnHeightIndoor = function(){};
	}
}
function calculateNavColumnHeightOutdoor() {
	var byProduct_outdoor_height = $('#dropdown-outdoor .dropDown-byProduct-column').height();
	if(byProduct_outdoor_height) {
		$('#dropdown-outdoor .dropDown-bySetting-column').height(byProduct_outdoor_height) ;
		$('#dropdown-outdoor .dropDown-byDesigner-column').height(byProduct_outdoor_height) ;
		calculateNavColumnHeightOutdoor = function(){};
	}
}

var indoorTimer = null;
var outdoorTimer = null;
var inspirationTimer = null;
var lastActive = '';
var currentActive = '';
var indoorOver = 0;
var outdoorOver = 0;
var inspirationOver = 0;

$(function() {
	$('#navNode-indoor').hover(
		function() {
			indoorOver = 1;
			currentActive = 'indoor';
			if (indoorTimer) { clearTimeout(indoorTimer); }
			$(this).queue(function(){
				styleNode($(this));
				$(this).dequeue();
			});
			$('#navNode-outdoor').animate({width:"180px"},200)
			$('#navNode-inspiration').animate({width:"177px"},200);
			$(this).animate({width:"500px"}, 200, function() {
				if( indoorOver ) {
					$('#dropdown-indoor').queue(function(){
						$(this).slideDown(200,calculateNavColumnHeightIndoor);
						$('[id^=dropdown]').not(this).slideUp(0);
						$(this).dequeue();
					});
				}else {
					if(activeSection != 'indoor') {
						clearNode($(this));
					}
					if(activeSection == 'indoor') {
						$(this).css("width", "500px");
						$('#navNode-outdoor').css("width", "180px");
						$('#navNode-inspiration').css("width", "177px");			
					} else if(activeSection == 'outdoor') {
						$(this).css("width", "182px");
						$('#navNode-outdoor').css("width", "475px");
						$('#navNode-inspiration').css("width", "177px");			
					} else if(activeSection == 'inspiration') {
						$(this).css("width", "182px");
						$('#navNode-outdoor').css("width", "178px");
						$('#navNode-inspiration').css("width", "500px");			
					} else {
						$(this).css("width", "301px");
						$('#navNode-outdoor').css("width", "298px");
						$('#navNode-inspiration').css("width", "309px");
					}
				}
			});
			
			lastActive='indoor';
		},
		function() {
			indoorOver = 0;
			indoorTimer = setTimeout("hideIndoorDropdown($('#navNode-indoor'))",200);
		}
	);
	$("#dropdown-indoor").hover(
		function() {
			if (indoorTimer) { clearTimeout(indoorTimer); }
		},
		function() {
			indoorTimer = setTimeout("hideIndoorDropdown($('#navNode-indoor'))",200);
		}
	);
	
	$('#navNode-outdoor').hover(
		function() {
			outdoorOver = 1;
			currentActive = 'outdoor';
			if (outdoorTimer) { clearTimeout(outdoorTimer); }
			$(this).queue(function(){
				styleNode($(this));
				$(this).dequeue();
			});
			$('#navNode-indoor').animate({width:"182px"},300);
			$('#navNode-inspiration').animate({width:"177px"},300);
			$(this).animate({width:"475px"},300, function() {
				if( outdoorOver ) {
					$('#dropdown-outdoor').queue(function(){
						$(this).slideDown(200,calculateNavColumnHeightOutdoor);
						$('[id^=dropdown]').not(this).slideUp(0);
						$(this).dequeue();
					});
				} else {
					if(activeSection != 'outdoor') {
						clearNode($(this));
					}
					clearNode($(this));
					if(activeSection == 'indoor') {
						$(this).css("width", "180px");
						$('#navNode-indoor').css("width", "500px");
						$('#navNode-inspiration').css("width", "177px");			
					} else if(activeSection == 'outdoor') {
						$(this).css("width", "475px");
						$('#navNode-indoor').css("width", "182px");
						$('#navNode-inspiration').css("width", "177px");			
					} else if(activeSection == 'inspiration') {
						$(this).css("width", "178px");
						$('#navNode-indoor').css("width", "182px");
						$('#navNode-inspiration').css("width", "500px");			
					} else {
						$(this).css("width", "298px");
						$('#navNode-indoor').css("width", "301px");
						$('#navNode-inspiration').css("width", "309px");
					}
				}
			});	
			lastActive='outdoor';
		},
		function() {
			outdoorOver = 0;
			outdoorTimer = setTimeout("hideOutdoorDropdown($('#navNode-outdoor'))",200);
		}
	);
	$("#dropdown-outdoor").hover(
		function() {
			if (outdoorTimer) { clearTimeout(outdoorTimer); }
		},
		function() {
			outdoorTimer = setTimeout("hideOutdoorDropdown($('#navNode-outdoor'))",200);
		}
	);	
	
	$('#navNode-inspiration').hover(
		function() {
			inspirationOver = 1;
			currentActive = 'inspiration';
			if (inspirationTimer) { clearTimeout(inspirationTimer); }
			$(this).queue(function(){
				styleNode($(this));
				$(this).dequeue();
			});
			
			$('#navNode-indoor').animate( { width:"182px" },300)
			$(this).animate({ width:"500px" }, 300, function() {
				if( inspirationOver ) {
					$('#dropdown-inspiration').queue(function(){
						$(this).slideDown(200);
						$('[id^=dropdown]').not(this).slideUp(0);
						$(this).dequeue();
					});
				}else {
					if(activeSection != 'inspiration') {
						clearNode($(this));
					}
					if(activeSection == 'indoor') {
						$(this).css("width", "177px");
						$('#navNode-indoor').css("width", "500px");						
						$('#navNode-outdoor').css("width", "180px");	
					} else if(activeSection == 'outdoor') {
						$(this).css("width", "177px");
						$('#navNode-indoor').css("width", "182px");						
						$('#navNode-outdoor').css("width", "475px");	
					} else if(activeSection == 'inspiration') {
						$(this).css("width", "500px");
						$('#navNode-indoor').css("width", "182px");					
						$('#navNode-outdoor').css("width", "178px");		
					} else {
						$(this).css("width", "309px");
						$('#navNode-indoor').css("width", "301px");
						$('#navNode-outdoor').css("width", "298px");
					}
				}
			});			
			
			lastActive='inspiration';
		},
		function() {
			inspirationOver = 0;
			inspirationTimer = setTimeout("hideInspirationDropdown($('#navNode-inspiration'))",200);
		}
	);
	$("#dropdown-inspiration").hover(
		function() {
			if (inspirationTimer) { clearTimeout(inspirationTimer); }
		},
		function() {
			inspirationTimer = setTimeout("hideInspirationDropdown($('#navNode-inspiration'))",200);
		}
	);
	
	$(".navBar-bottomShadow").mouseover(function() {

	});
		
	
	$('ul.dropDown-columnNodes li.new').hover(
		function() {
			$(this).css("background-color", "#4B4E4E");
		},
		function() {
			$(this).css("background-color", "#902812");
		}
	);
});