// JavaScript Document

idExpand = 0;

$(document).ready(function() {
						   
	if ($('.searchbar').val() == "") {
		$('.searchbar').val('Search...');
	}
	
	$('.searchbar').focus(function() {
		if ($('.searchbar').val() == "Search...") {
			$('.searchbar').val("");
		}
	});
	
	$('.searchbar').blur(function() {
		if ($('.searchbar').val() == "") {
			$('.searchbar').val("Search...");
		}
	});
	
	$('a.menu-item-expand').mousedown(function() {
		var id = clearAlphaChars($(this).attr('id'));
		showSubMenu(id);
	});
	
	$('div.sub-menu').bind('click', function() {
		var id = clearAlphaChars($(this).attr('id'));
		$('.mouseover').hide();
		breadcrumbPush(id);
	});

	$('.box-contents a').bind('mousedown', function() {
		$('.box-contents a').removeClass('current');
		$(this).addClass('current');
	});
	
	$('.box-tabs a').bind('click', function() {
		var clicked = $(this).attr('id');
		
		if (!$('.box-contents .contents .'+ clicked).hasClass('current')) {
			$('.box-tabs a').removeClass('box-tab-selected');
			$(this).addClass('box-tab-selected');
			//get the position of the placeholder element
			$('.box-open-icon').hide();
			$('.box-close-icon').show();
			$('.box-contents').slideDown();
			var pos = $(this).offset();
			var ewidth = parseInt($(this).width());
			var left = parseInt(pos.left);
			
			var first = $('.box-tabs a:first-child').offset();
			var first_left = parseInt(first.left);
			
			var newPos = left - first_left + ewidth/2 - 13;
			
			//show the menu directly over the placeholder  
			$('.box-contents .selected').animate({
									  backgroundPosition: newPos + 'px top'
									  }, 300, 'swing');

			$('.box-contents .contents .current').removeClass('current').fadeOut();
			$('.box-contents .contents .' + clicked).addClass('current').fadeIn();
			
			var newHeight = $('.box-contents .contents .' + clicked).height() + 10;
			
		}
		
		return false;
	
	});
	
	return false;

});

function showSubMenu(id) {
	var sm = $('#sm'+id);
	
	hideMenus();	
	
	if (!$(sm).is(':visible')) {
		if ($('.breadcrumb .arr'+id).hasClass('current')) {
			$('.breadcrumb .menu-item-expand').removeClass('current');
			$('.breadcrumb .arr'+id).addClass('current');
		} else {
			$('.breadcrumb .bc'+id).addClass('hovering');
			$('.breadcrumb .arr'+id).addClass('hovering');
		}
		showMenu(id);
		switchPhase(id);
		return true;
	}
}

function switchPhase(id) {
	$('.mouseover').css({zIndex: 5000});
	$('.mouseover').show();
	$('.breadcrumb .menu-item').css( {
						zIndex: 5500,
						position: 'relative'
						 } );
	$('.mouseover').bind('mouseover', function() {
		hideMenus();
		$(this).hide();
	});
}

function menuPush(id) {
	$('.menu li a').removeClass('current');
	$('.menu li .'+id).addClass('current');
}

function breadcrumbPush(id) {
	$('.breadcrumb a, .breadcrumb div').removeClass('current');
	$('.bc'+id).addClass('current');
	$('.arr'+id).addClass('current');
	hideMenus();
}

function breadcrumbOver(id) {
	$('.breadcrumb .arr'+id).addClass('hovering');
}

function breadcrumbOut(id) {
	$('.breadcrumb .arr'+id).removeClass('hovering');
}

function clearAlphaChars(string) {
	return string.replace(/[a-zA-Z]/g, '');
}

function showMenu(id) {
	    //get the position of the placeholder element  
		var el = $('#bc'+id);
		var menu = $('#sm'+id);
		var ex = $('.arr'+id);
        var pos = $(ex).offset();    
        var eWidth = $(ex).outerWidth();
 		var mWidth = $(menu).width();
        var left = (pos.left) + 25 + "px";
        var top = pos.top - 7 + "px";
		
		if (mWidth < eWidth) {
			mWidth = eWidth;
		}
		
        //show the menu directly over the placeholder  
        $(menu).css( { 
                position: 'absolute',
                left: left, 
                top: top,
				width: mWidth + 'px',
				zIndex: 6000
        } );
	

		if ($(el).hasClass('nochange')) {
			$(el).css({'cursor':'default', 'zIndex':5500});	
		}
		
		if (!$(menu).is(':visible')) {
			$(menu).fadeIn('fast');
		}
}

function hideMenus() {
	var menus = $('.sub-menu');
	
	$('.breadcrumb .menu-item-expand').removeClass('hovering');
	$('.breadcrumb .menu-item').removeClass('hovering');
	
	if ($(menus).is(':visible')) {
		$(menus).fadeOut('fast');
	}
}

function toggleSplash() {
	$('.splash').slideToggle('fast');
	$('.small-splash').slideToggle('fast').show();	
}