$(document).ready(function(){ 
	 jQuery("ul.MainMenu > li").each(function() {
		var LI = $(this);		
		LI.bind("click", function(evt) {
			var isShow = false;	
			if(jQuery(this).hasClass("HasChild")){
				if(!jQuery(this).find(">ul.SubMenu").hasClass("Show")){
					isShow = true;
				}
				jQuery(this).parent().find(">li.Active .SubMenu").slideUp();
				jQuery(this).parent().find(">li.Active .SubMenu").removeClass("Show");
				jQuery(this).parent().find(">li.HasChild").removeClass("Active");
				 jQuery(this).parent().find(".SubMenu >li.Active").each(function(){
						jQuery(this).parent().parent().addClass("Active");
				 });
				if(isShow){
					jQuery(this).find(">ul.SubMenu").addClass("Show");
					jQuery(this).find(".SubMenu").slideDown();
					jQuery(this).addClass("Active");
						isShow = false;
					}
				else{
					jQuery(this).find(">ul.SubMenu").removeClass("Show");
					jQuery(this).find(".SubMenu").slideUp();
					if(!jQuery(this).find(".SubMenu > li").hasClass("Active")){
						jQuery(this).removeClass("Active");
					}
					isShow = true;
				}
			}
			else{
				jQuery(this).parent().find(">li.Active .SubMenu").slideUp();
				jQuery(this).parent().find(">li.Active .SubMenu").removeClass("Show");
				jQuery(this).parent().find("li.Active").removeClass("Active");
				
				jQuery(this).addClass("Active");
			}
			
			
		});
	 });
	 
	 jQuery("ul.SubMenu > li").each(function() {
		var LI = $(this);		
		LI.bind("click", function(evt) {
			
			jQuery(this).parent().parent().parent().find("li.Active").removeClass("Active");
			jQuery(this).addClass("Active");
			jQuery(this).parent().parent().addClass("Active");
			evt.stopPropagation();

		});
	 });
	 
	 if($(".ContentDetail").length > 0) {
		 if(has_scrollbar("hasScroll") == true){
			$(".ContentDetail").css('padding-right', 12);
		}
	 }
	
});


function displayOther(){
	var actID = $("#activity");
	if(actID.val() == "Other"){
		$(".OtherActivity").css('display', 'block'); 
	}
	else{
		$(".OtherActivity").css('display', 'none'); 
	}
}

function changeHomeImg(imgPath){
	 var num = Math.floor(Math.random()*3) + 1;
	 var path = imgPath + "/home_img_";
	 var imgObj =  changeImg(num, path, 738, 443);
	 jQuery("#imgChange").html(imgObj);
}

function changeAboutImg(imgPath){
	 var numArr = new Array();
	 var i=0;
	 var isValid;// = false;
	 while(Number(i)<3){
		 isValid = true;
		 var num = Math.floor(Math.random()*10) + 1;
		 for(var j=0; j< numArr.length; j++){
			 if(num == numArr[j]){
				isValid = false; 
			 	break;
			 }
				
		 }
		 if(isValid){
			 numArr[i] = num;
			i++;
		 }
	 }
	 var path = imgPath + "/img_";
	 var className = "Img";
	 var imgObj = new Image();
	 for(var j=0; j< numArr.length; j++){
		imgObj = changeImg(numArr[j], path, 198, 131); 
		var classNum = j+1;
		var name = className + classNum;
		jQuery("." + name).html(imgObj);
	 }
}

function changeImg(num, imgPath, imgWid, imgHei){
	var imgObj = new Image();
	imgObj.src = imgPath + num + ".jpg";
	imgObj.width = imgWid;
	imgObj.height = imgHei;
	return imgObj;
}

function has_scrollbar(elem_id){
	   elem = document.getElementById(elem_id);
	   if (elem.clientHeight < elem.scrollHeight)
	    return true;
	   else
	    return false
}