// 1 Tab is 4 Space
var DivName		= "MyFavList";
var ClubRoaded	= false;
var ClubShow	= false;
var FirstClick	= false;
var temp		= false;

function RoadMyFav()
{
	if(ClubRoaded != false)
	{
		return false;
	}

	var HttpRequest	= null;
	var strBuffer	= '';

	if (window.XMLHttpRequest)
	{
		HttpRequest	= new XMLHttpRequest();
	}
	else if (window.ActiveXObject)
	{
		var libs = new Array('MSXML4','MSXML3','MSXML2','Microsoft');
		for (var i=0; i<libs.length; i++)
		{
			try
			{
				HttpRequest = new ActiveXObject(libs[i]+".XMLHTTP");
				break;
			}
			catch (e)
			{
				continue;
			}
		}
	}
	if (HttpRequest == null)
	{
		alert("Unable to Load the List.");
		return false;
	}

	HttpRequest.onreadystatechange = function ()
	{
		if (HttpRequest.readyState == 4)
		{
			if (HttpRequest.status == 200)	{ document.getElementById(DivName).innerHTML = HttpRequest.responseText; }
		}
		else
		{
			document.getElementById(DivName).innerHTML = "<div class=\"MyFavListNo\">loading</div>";
		}
	}

	ClubRoaded = true;
	HttpRequest.open("POST", "user_friend_list.php", true);
	HttpRequest.send("");
}

function ShowMyFav()
{
	if(ClubShow == false)
	{
		document.getElementById(DivName).style.display		= "block";
		document.getElementById("MyFavSelectImg").src		= "./images/Bg_SelectBox_On.png";
		if(FirstClick == false)
		{
			document.getElementById(DivName).style.borderBottom	= "1px solid #e5e5e5";
			document.getElementById(DivName).style.borderTop	= "1px solid #e5e5e5";
			document.getElementById(DivName).style.borderLeft	= "1px solid #e5e5e5";
			document.getElementById(DivName).style.borderRight	= "1px solid #e5e5e5";
			if(document.getElementById(DivName).offsetHeight > "200")
			{
				//document.getElementById(DivName).style.width	= document.getElementById(DivName).offsetWidth + "px";
				document.getElementById(DivName).style.width	= "178px";
				document.getElementById(DivName).style.height	= "200px";
				document.getElementById(DivName).style.overflowX= "hidden";
			}
		}
		ClubShow	= true;
		FirstClick	= true;
	}
	else
	{
		HideMyFavAct();
	}
}

function HideMyFavAct()
{
	document.getElementById("MyFavSelectImg").src	= "./images/Bg_SelectBox.png";
	document.getElementById(DivName).style.display	= "none";
	ClubShow	= false;
}

function HideMyFav()
{
	if(document.getElementById(DivName).style.display == 'block')
	{
		tid = setTimeout("HideMyFavAct()",200);
		
	}
}

function ClearHideTime()
{
	if(typeof(tid)=="number")
	{
		clearTimeout(tid);
	}
}

function OverClub(List)
{
	if(temp.className == "ClubListIndexOff")		{ temp.className = "ClubListIndexOn";	}
	else if(temp.className == "ClubListIndexOn")	{ temp.className = "ClubListIndexOff";	}
	else if(temp.className == "MyFavListOn_New")	{ temp.className = "MyFavListOff_New";	}
	else if(temp.className != "NoCss")				{ temp.className = "MyFavListOff";		}

	if(List.className == "ClubListIndexOff")		{ List.className = "ClubListIndexOn";	}
	else if(List.className == "MyFavListOff_New")	{ List.className = "MyFavListOn_New";	}
	else if(List.className != "NoCss")				{ List.className = "MyFavListOn";		}
	temp = List;
}