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

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

        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();
        }


        hideIfRemoteToggle(remoteOpen) ;

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

            if (remoteOpen && $defined($("lnkKirjauduSisaan"))) {
             $("lnkKirjauduSisaan").addClass("activeLogin");
            }else if (!remoteOpen && $defined($("lnkKirjauduSisaan"))) {
                $("lnkKirjauduSisaan").removeClass("activeLogin");
            }

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

                  if (remoteOpen && $defined($("lnkKirjauduSisaan"))) {
                     $("lnkKirjauduSisaan").addClass("activeLogin");
                    }else if (!remoteOpen && $defined($("lnkKirjauduSisaan"))) {
                        $("lnkKirjauduSisaan").removeClass("activeLogin");
                    }

                remoteSlide.toggle();

                if (isRemoteLinks)
                    remoteLinksSlide.toggle();

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

                hideIfRemoteToggle (remoteOpen);
            });
        } else {
            // on front page, when remote is always open, also login is always open
            if ($defined($("loginBox")) && remoteOpen && loginSlide != null) {
                loginSlide.show();
                remoteSlide.show();

                loginSlide = null;
            }
        }

        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 != null) {
//                    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 = true;
//
//                $("login_username").focus();
//
//
//                hideIfRemoteToggle(remoteOpen);

                remoteOpen = !remoteOpen;
                $("remoteSwitch").className = remoteOpen ? "switchOn" : "switchOff";
                  if (remoteOpen && $defined($("lnkKirjauduSisaan"))) {
             $("lnkKirjauduSisaan").addClass("activeLogin");
            }else if (!remoteOpen && $defined($("lnkKirjauduSisaan"))) {
                $("lnkKirjauduSisaan").removeClass("activeLogin");
            }

                remoteSlide.toggle();

                if (isRemoteLinks)
                    remoteLinksSlide.toggle();

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

                hideIfRemoteToggle (remoteOpen);

            });

            // 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 (remoteOpen && $defined($("lnkKirjauduSisaan"))) {
             $("lnkKirjauduSisaan").addClass("activeLogin");
            }else if (!remoteOpen && $defined($("lnkKirjauduSisaan"))) {
                $("lnkKirjauduSisaan").removeClass("activeLogin");
            }


                    hideIfRemoteToggle (remoteOpen) ;

                });
            }
        }
    }

    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");
        }
    }
    if ($defined($("extrashader"))) {
        if ($defined(window.shaderVisible) && shaderVisible) {
            $("extrashader").setStyle("display", "block");
            //            $('shader').tween('opacity', [0, 0.8]);
            $('extrashader').set('opacity', 0.8);
        } else {
            $("extrashader").setStyle("display", "none");
        }

        if ($defined($("shader"))) {
            $("shader").setStyle("display", "none");
        }
    }



	});

function hideShader() {
    if ($defined($("extrashader"))) {
        var myFx2 = new Fx.Tween('extrashader', {property: 'opacity'});
        myFx2.start(0.8, 0).chain(
                function() {
                    $("extrashader").setStyle("display", "none");
                }
                );
    } else {
        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() {

    if ($defined($("extrashader"))) {
        $("extrashader").setStyle("display", "block");
        $('extrashader').tween('opacity', [0, 0.8]);
    } else {
        $("shader").setStyle("display", "block");
        $('shader').tween('opacity', [0, 0.8]);
    }

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

function hideIfRemoteToggle(v) {
    var hideIfRemote = $$('#content .hideIfRemote');
    if ($defined(hideIfRemote)) {
        if (v) {
            hideIfRemote.addClass("hide");
        } else {
            hideIfRemote.removeClass("hide");
        }
    }


}