// JavaScript Document
$(document).ready(function()
{
		function changeToOriginal($cur)//Changing style of all other submenus to original 
		{
			$cur.siblings("div.hasSubMenu").removeClass("hasSubMenu").addClass("menuHeadNonactive");
			$cur.siblings("div.menuHeadActive").removeClass("menuHeadActive").addClass("menuHeadNonactive");
			$cur.siblings("div.menuBody").children().removeClass("selectedSubMenu");
			var $temp=$($cur.siblings().children());
			for(i=0;i<$temp.length-1;i++) 
			{	
				$($cur.siblings().children().get(i)).removeClass("menuHeadInnerBgWhite");
				$($cur.siblings().children().get(i)).addClass("menuHeadInnerBg");
			}
		}
	
		$("#firstpane div.menuHeadNonactive").click(function()
															{
			var curClass=$(this).attr("class");
			var nextChildClass=$(this).next().attr("class");
			var $innerDiv=$(this).children().get(0);
			if(curClass=="menuHeadNonactive")
			{
				if(nextChildClass=="menuBody")//Has Submenus
				{
					
					/* Slide Down the Submenu */
					$(this).next("div.menuBody").slideToggle(600).siblings("div.menuBody").slideUp("slow");	
					/* Changing the Style of submenu having submenus */
					$(this).removeClass("menuHeadNonactive").addClass("hasSubMenu");
					$($innerDiv).removeClass("menuHeadInnerBg").addClass("menuHeadInnerBgWhite");
					changeToOriginal($(this));
					
				}		
				/*else//Don't have submenus
				{
					$(this).removeClass("menuHeadNonactive").addClass("menuHeadActive");
					changeToOriginal($(this));
					$(this).siblings("div.menuBody").slideUp("slow");//sliding up other submenus
				}*/
			}
			else
			{
				$(this).removeClass("hasSubMenu").removeClass("menuHeadActive").addClass("menuHeadNonactive");
				$(this).next("div.menuBody").slideUp("slow");
				$($innerDiv).removeClass("menuHeadInnerBgWhite").addClass("menuHeadInnerBg");
			}
	});
});