jQuery(function(){
	/*
	jQuery("a").bind("focus",function(){if(this.blur)this.blur();});
	
	jQuery(".menu > li:first-child").addClass("first_menu");
	jQuery(".menu li ul li:has(ul)").addClass("parent_menu");
	*/
	

	/*
	-----------------------------------------------------------------
	Dropdown Menu inserito da me
	-----------------------------------------------------------------
	*/

	//jQuery("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled - Adds empty span tag after ul.subnav
	
	jQuery("ul.menu li span").click(function() { //When trigger is clicked...
		
		//Following events are applied to the subnav itself (moving subnav up and down)
		jQuery(this).parent().find("ul.children").slideDown('fast').show(); //Drop down the subnav on click

		jQuery(this).parent().hover(function() {
		}, function(){	
			jQuery(this).parent().find("ul.children").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
		});

		//Following events are applied to the trigger (Hover events for the trigger)
		}).hover(function() { 
			jQuery(this).addClass("subhover"); //On hover over, add class "subhover"
		}, function(){	//On Hover Out
			jQuery(this).removeClass("subhover"); //On hover out, remove class "subhover"
	});

	/*
        <ul class="topnav">
            <li><a href="#">Home</a></li>
            <li>
                <a href="#">Tutorials</a>

                <ul class="subnav">
                    <li><a href="#">Sub Nav Link</a></li>
                    <li><a href="#">Sub Nav Link</a></li>
                    <li><a href="#">Sub Nav Link</a></li>
                    <li><a href="#">Sub Nav Link</a></li>
                    <li><a href="#">Sub Nav Link</a></li>

                </ul>
            </li>
            <li>
                <a href="#">Resources</a>
                <ul class="subnav">
                    <li><a href="#">Sub Nav Link</a></li>
                    <li><a href="#">Sub Nav Link</a></li>

                    <li><a href="#">Sub Nav Link</a></li>
                    <li><a href="#">Sub Nav Link</a></li>
                    <li><a href="#">Sub Nav Link</a></li>
                    <li><a href="#">Sub Nav Link</a></li>
                </ul>
            </li>
            <li><a href="#">About Us</a></li>

            <li><a href="#">Advertise</a></li>
            <li><a href="#">Submit</a></li>
            <li><a href="#">Contact Us</a></li>
        </ul>


	<ul class="menu">
		<li class="current_page_item"><a href="http://www.ueguild.com/">News</a></li>
		<li class="page_item page-item-5"><a href="http://www.ueguild.com/?page_id=5" title="Roster">Roster</a></li>
		<li class="page_item page-item-223"><a href="http://www.ueguild.com/?page_id=223" title="Videos">Videos</a>
			<ul class='children'>
				<li class="page_item page-item-453"><a href="http://www.ueguild.com/?page_id=453" title="Cataclysm">Cataclysm</a>
					<ul class='children'>
						<li class="page_item page-item-714"><a href="http://www.ueguild.com/?page_id=714" title="Throne of Four Winds">Throne of Four Winds</a></li>
						<li class="page_item page-item-716"><a href="http://www.ueguild.com/?page_id=716" title="Bastion of Twilight">Bastion of Twilight</a></li>
						<li class="page_item page-item-663"><a href="http://www.ueguild.com/?page_id=663" title="Blackwing Descent">Blackwing Descent</a></li>
					</ul>
				</li>
			</ul>
		</li>		
		<li class="page_item page-item-200"><a href="http://www.ueguild.com/?page_id=200" title="Forum">Forum</a></li>
	</ul>
		
	*/
});

function changefc(color){
  document.getElementById("search-input").style.color=color;
}

/*
dropdowm menu
*/


var menu=function(){
	//var t=15,z=50,s=6,a;
	var t=15,z=250,s=6,a;
	
	function dd(n){this.n=n; this.h=[]; this.c=[]}
	
	dd.prototype.init=function(p,c){
		a=c; //Old code: var w=document.getElementById(p), s=w.getElementsByTagName('ul'), l=s.length, i=0;

		var w=p, s=w.getElementsByTagName('ul'), l=s.length, i=0;
		for(i;i<l;i++){
			var h=s[i].parentNode; this.h[i]=h; this.c[i]=s[i];
			h.onmouseover=new Function(this.n+'.st('+i+',true)');
			h.onmouseout=new Function(this.n+'.st('+i+')');
		}
	}
	
	dd.prototype.st=function(x,f){
		var c=this.c[x], h=this.h[x], p=h.getElementsByTagName('a')[0];
		clearInterval(c.t); c.style.overflow='hidden';
		if(f){
			p.className+=' '+a;
			if(!c.mh){c.style.display='block'; c.style.height=''; c.mh=c.offsetHeight; c.style.height=0}
			if(c.mh==c.offsetHeight){c.style.overflow='visible'}
			else{c.style.zIndex=z; z++; c.t=setInterval(function(){sl(c,1)},t)}
		}else{p.className=p.className.replace(a,''); c.t=setInterval(function(){sl(c,-1)},t)}
	}
	
function sl(c,f){
var h=c.offsetHeight;
if((h<=0&&f!=1)||(h>=c.mh&&f==1)){
if(f==1){c.style.filter=''; c.style.opacity=1; c.style.overflow='visible'}
clearInterval(c.t); return
}
var d=(f==1)?Math.ceil((c.mh-h)/s):Math.ceil(h/s), o=h/c.mh;
c.style.opacity=o; c.style.filter='alpha(opacity='+(o*100)+')';
c.style.height=h+(d*f)+'px'
}
return{dd:dd}
}();

document.getElementsByClassName = function (c, t) {
  t = this.getElementsByTagName(t ? t : "*");
  for (var i = 0, r = new Array(), l = t.length; i < l; i++)
    if (t[i].className == c)
      r[r.length] = t[i];
  return r;
}

var _Menus = new Array();
function initializeDateDropDowns(){
var box = document.getElementsByClassName('menu','ul');
if (box.length > 0) {
for(i = 0; i < box.length; i++) {
var id = box[i];
_Menus[i] = new menu.dd('_Menus[' + i + ']');
_Menus[i].init(id,"menuhover");
}
}
}
window.onload = initializeDateDropDowns;