$(document).ready(function(){
    $("#darker").animate({ opacity: "0.42"}, 700 );// for beauty;)
     
    $("#seeM").click(function(){
        $("#darker").animate({ opacity: "1"}, 700 );
        $("#back").fadeIn("slow");
        $("#main").fadeOut("slow");
    });
     
    $("#back").click(function(){
        $("#darker").animate({ opacity: "0.42"}, 700 );
        $("#main").fadeIn("slow");
        $("#back").fadeOut("slow");
        $("#divLogin").fadeOut("slow");
    });
     
    $("#login").click(function(){
        $("#divLogin").fadeIn("slow");
        $("#back").fadeIn("slow");
        $("#main").fadeOut("slow");
    });
});