// remote events
window.addEvent('domready', function() {
    if ($defined($("remote"))) {
        var remoteSlide = new Fx.Slide('remoteBottom');

        var loginSlide = null;

        if ($defined($("loginBox")) && !loginVisible) {
            loginSlide = new Fx.Slide('loginBox');
            loginSlide.hide();
        }

        var isRemoteLinks = false;

        if ($defined($("remoteLinks"))) {
            isRemoteLinks = true;
            var remoteLinksSlide = new Fx.Slide('remoteLinks');
        }

        var remoteOpen = $defined(window.remoteVisible) ? remoteVisible : false;

        if (!$defined(window.remoteVisible)) {
            remoteSlide.hide();

            if (isRemoteLinks)
                remoteLinksSlide.hide();
        }
        else if ($defined(window.remoteVisible) && !remoteVisible) {
            remoteSlide.hide();

            if (remoteLinks)
                remoteLinksSlide.hide();
        }

        // Check for remoteSwitch, because it's not enabled on the front page
        if ($defined($("remoteSwitch"))) {
            $("remoteSwitch").className = remoteOpen ? "switchOn" : "switchOff";

            $("remoteSwitch").addEvent('click', function(e) {
                e.stop();
                remoteOpen = !remoteOpen;
                $("remoteSwitch").className = remoteOpen ? "switchOn" : "switchOff";
                remoteSlide.toggle();

                if (isRemoteLinks)
                    remoteLinksSlide.toggle();

                if (!remoteOpen && $defined($("remoteBottomOpen"))) {
                    $("remoteBottomOpen").hide();
                    hideShader();
                }
            });
        }

        if ($defined($("lnkKirjauduSisaan"))) {
            $("lnkKirjauduSisaan").addEvent('click', function(e) {
                if(e){
                    e.stop();
                }
                if (!remoteOpen && $defined($("remoteSwitch"))) {
                    remoteOpen = true;
                    $("remoteSwitch").className = "switchOn";
                    remoteSlide.toggle();
                }

        
                if (loginSlide.open && !remoteSlide.open) {
					// don't hide if already open
				} else {
					// also redraw remoteslider to fit all content that was moved up/down
					// beacause of the (dis)appearance of the loginbox
					loginSlide.toggle().chain(function(){
						remoteSlide.show();
					});
				}

                loginVisible = false;

                $("login_username").focus();

            });

            // oma welho -> click ->toggle
             if ($defined($(omaWelhoLinkId))) {
              $(omaWelhoLinkId).addEvent('click', function(e) {
                if(e){
                    e.stop();
                }
                if (!remoteOpen && $defined($("remoteSwitch"))) {
                    remoteOpen = true;
                    $("remoteSwitch").className = "switchOn";
                    remoteSlide.toggle();
                } else if (remoteOpen && $defined($("remoteSwitch"))) {
                    remoteOpen = false;
                    $("remoteSwitch").className = "switchOff";
                    remoteSlide.toggle();
                }
            });
			}
        }
    }

    if ($defined($("shader"))) {
        if ($defined(window.shaderVisible) && shaderVisible) {
            $("shader").setStyle("display", "block");
            //            $('shader').tween('opacity', [0, 0.8]);
            $('shader').set('opacity', 0.8);
        } else {
            $("shader").setStyle("display", "none");
        }
    }
});

function hideShader() {
    var myFx = new Fx.Tween('shader', {property: 'opacity'});
    myFx.start(0.8, 0).chain(
            function() {
                $("shader").setStyle("display", "none");
            }
            );

    //    $("shader").fade(1);
    //    $('shader').tween('opacity', [0.8, 0].chain(
    //
    //    ));
}

function showShader() {
    $("shader").setStyle("display", "block");
    $('shader').tween('opacity', [0, 0.8]);

    //    $("shader").fade(0.8);
}