$(document).ready(function() {
	$("div.panel_button").click(function(){
            if($("div.panel_button").hasClass('open')){
		$("div#panel").animate({
                    height: 0
		}, "fast");
                $("div.panel_button").removeClass('open');
            }else{
                $("div#panel").animate({
                    height: $('#login .form-connect').height()
		}, "fast");
//		$("div#panel").animate({
//                    height: "450px"
//		},"fast");
                $("div.panel_button").addClass('open');
            }
	
	});


        /* box facebook */
        var heightframe = $('#like-box iframe').width();
	$("li.facebookli").mouseover(function(){
            $("#like-box").animate({
                width: 100
            }, "fast");
        });
	$("li.facebookli").mouseleave(function(){
		$("#like-box").animate({
                    width: 38
		}, "fast");
        });




	
});





// JavaScript Document
sfHover = function() {
   var sfEls = document.getElementById("topmenumulti").getElementsByTagName("LI").className("on");
   for (var i=0; i<sfEls.length; i++) {
       sfEls[i].onmouseover=function() {
           this.className+=" sfhover";
       }
       sfEls[i].onmouseout=function() {
           this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
       }
   }

   var sfEls2 = document.getElementById("topmenumulti").getElementsByTagName("A");
   for (var i=0; i<sfEls2.length; i++) {
       sfEls2[i].onmouseover=function() {
           this.className+=" sfhover";
       }
       sfEls2[i].onmouseout=function() {
           this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
       }
   }
}
if (window.attachEvent) window.attachEvent("onload", sfHover);