/*  
Toplink Community JS for MMOsite
Use for: mmosite.com
Version: 2.0
Date: 2007/07/30 11:49:00
Author: 33
How to use:
Use the class "fontred" set font color red
Use the class "bgnone" set the last li background none
*/


(function(){

	var tp = [];
	tp[0] = '<style type="text/css">#mmo_community{ background:url(http://images.mmosite.com/bbs/images/newforum/toplinks_new.gif) repeat-x 0 0; width:1002px; margin:0 auto; height:34px}#mmo_community .toplinks{ width:1002px;  margin:auto; position:relative;}#mmo_community .toplinks a{ float:left; background:url(http://images.mmosite.com/bbs/images/newforum/toplinks_new.gif) no-repeat -36px right; color:#DED1C4; font-size:11px; font-family:Arial; line-height:34px; text-decoration:none; padding:0 9px 0 9px}#mmo_community .toplinks a.bgnone { background:none}#mmo_community .toplinks a:hover{ background:url(http://images.mmosite.com/bbs/images/newforum/toplinks_new.gif) no-repeat -108px right; color:#D392A3}#mmo_community .toplinks a#mmo_community_logo{ background:url(http://images.mmosite.com/bbs/images/newforum/toplinks_new.gif) 0 -72px; width:138px; padding:0; height:34px}#mmo_community .toplinks a#mmo_community_more{ background:url(http://images.mmosite.com/bbs/images/newforum/toplinks_new.gif) 0 -153px; width:59px; height:23px; padding:0; margin-top:2px; margin-left:15px}#mmo_community .toplinks ul{ padding:0; margin:0; position:absolute; top:34px; right:65px;display:none}#mmo_community .toplinks ul li{ list-style:none; }#mmo_community .toplinks ul li a{ background:#3F2D30; float:inherit; display:block; clear:both; width:60px; padding:0; text-align:center; border:1px solid #664647; border-top:none}#mmo_community .toplinks ul li a:hover{ background:#4C1F2A}</style>';	
	tp[1] = '<div id="mmo_community"><div class="toplinks"><a href="http://www.mmosite.com/" id="mmo_community_logo"></a><a href="http://answer.mmosite.com/">Answer</a><a href="http://my.mmosite.com/"> Blog</a><a href="http://contest.mmosite.com/">Contest</a><a href="http://db.mmosite.com/">DataBase</a><a href="http://download.mmosite.com/">Download</a><a href="http://feature.mmosite.com/">Feature</a><a href="http://forum.mmosite.com/">Forum</a><a href="http://gamelist.mmosite.com/">Gamelist</a><a href="http://accounts.mmosite.com/">My Center</a><a href="http://news.mmosite.com/">News</a><a href="http://photo.mmosite.com/">Photo</a><a href="http://shop.mmosite.com/">Shop</a><a href="http://tag.mmosite.com/">Tag</a><a href="http://video.mmosite.com/"> Video</a><a href="#" id="mmo_community_more" onmouseover="ulShow(\'show\')" onmouseout="ulShow(\'out\')"></a><ul id="mmo_community_ul" onmouseover="ulShow(\'show\')" onmouseout="ulShow(\'hide\')"><li><a href="http://company.mmosite.com/">Company</a></li><li><a href="http://help.mmosite.com/">Help</a></li><li><a href="http://search.mmosite.com/">Search</a></li><li><a href="http://top100.mmosite.com/">Top100</a></li><li><a href="http://vote.mmosite.com/">Vote</a></li></ul></div></div>';

	return document.writeln(tp.join(''));

})();
var toplinksDisplay = 0;
var hrefMore = document.getElementById("mmo_community_more");
var ulDisplay = document.getElementById("mmo_community_ul");
function ulShow(ele){
	if(ele == "show"){
	  hrefMore.style.backgroundPosition = "0 -182px";
	  ulDisplay.style.display = "block";
	  toplinksDisplay = 1;
	  //alert(toplinksDisplay);
	}else if(ele == "out"){
	  toplinksDisplay = 2
	  var setmytime = setTimeout("ulShow('hide')", 800);
	}else if(ele == "hide"){
	  if(toplinksDisplay != 1){
	  hrefMore.style.backgroundPosition = "0 -153px";
	  ulDisplay.style.display = "none";
	  clearTimeout(setmytime);   
	  }
	  toplinksDisplay = 0;
	}
}




