window.addEvent('domready', function(){
	// login popup
	if(document.id('gkButtonLogin')) {
	    var login_fx = new Fx.Tween(document.id('popupLogin'),{property: 'opacity', duration:300}).set(0);
	   	var hlogin_fx = new Fx.Tween(document.id('popupLogin'),{property: 'height', duration:300}).set(0);
	    var login = false;
	    var login_over = false;
	    
	    document.id(document.body).addEvent('click', function(e) {
	    	if(!login_over && document.id('popupLogin').getSize().y > 0) {
	    		document.id('gkButtonLogin').fireEvent('click', e);
	    	}
	    });
	    document.id('popupLogin').setStyle('display','block');
	    document.id('gkButtonLogin').addEvent('click', function(e){
	    	e.stop();
	    	if(!login){
	    		login_fx.start(1);
	    		var pw = document.id('popupLogin').getElement('.gkPopupWrap');
	    		hlogin_fx.start(pw.getSize().y + (pw.getStyle('margin-top').toInt() * 2));
	    		login = true;
	    		document.id('gkButtonLogin').addClass('popup');
	    
	    		document.id('popupLogin').setStyles({
	    			"left" : (document.id('gkButtonLogin').getCoordinates().right - document.id('popupLogin').getSize().x) + "px",
	    			"top" : (document.id('gkButtonLogin').getCoordinates().top) + "px"
	    		});
	    	}else{
	    		login_fx.start(0);
	    		hlogin_fx.start(0);
	    		login = false;
	    		document.id('gkButtonLogin').removeClass('popup');
	    	}
	    	document.id('popupLogin').getElement('.gkPopupWrap').addEvent('mouseover',function(){login_over = true;});
	    	document.id('popupLogin').getElement('.gkPopupWrap').addEvent('mouseout',function(){login_over = false;});
	    }); 
	}
});