var _$allMenuItems;
var _menuItemOpen = [];

$(document).ready(function(){

	$(".menuTable:eq(0)").hide();
	$(".menuTable:eq(1)").hide();
	$(".menuTable:eq(2)").hide();
	$(".menuTable:eq(3)").hide();
	$(".menuTable:eq(4)").hide();
	$(".menuTable:eq(5)").hide();

	_$allMenuItems = $(".menuHeader");

	$(".menuHeader").click(menuSlide);
	
	function menuSlide(event) {
		var clip = event.currentTarget;
		var i = getIndexByMenuButton(clip);
		
		if (_menuItemOpen[i]) {
			closeMenuItem(i+1);
		} else {
			openMenuItem(i+1);
		}
	}
	
	function getIndexByMenuButton(clip) {
		for (var k=0; k<_$allMenuItems.length; k++) {
			var clip2 = _$allMenuItems[k]; 
			if (clip == clip2) {
				return k;
			}
		}
		return null;
	}
	
	function openMenuItem(i)
	{
		_menuItemOpen[i-1] = true;
		var $menuDetails = $(".menuTable:eq("+ (i-1) +")");
		//var $hintDetails = $(".hint"+i+" .hintDetails");
		$menuDetails.slideDown(300);
		$(".menuHeader:eq("+ (i-1) +")").css("background-image","url(images/arrowDown.png)");
		$(".menuHeader:eq("+ (i-1) +")").css("background-position-x","0px");
		$(".menuHeader:eq("+ (i-1) +")").css("background-position-y","7px");
	}

	function closeMenuItem(i)
	{
		_menuItemOpen[i-1] = false;
		var $menuDetails = $(".menuTable:eq("+ (i-1) +")");
		//var $hintDetails = $(".hint"+i+" .hintDetails");
		$menuDetails.slideUp(200);
		$(".menuHeader:eq("+ (i-1) +")").css("background-image","url(images/arrow.png)");
		$(".menuHeader:eq("+ (i-1) +")").css("background-position-x","2px");
		$(".menuHeader:eq("+ (i-1) +")").css("background-position-y","5px");
	}

});