var page = {

}


page.Initialize = function(name) {

    $('.header img').css({
        marginLeft: ($(document).width() - $('.header img').width()) / 2
    }).animate({ marginLeft: 0 });

    $('.content').css({
        marginLeft: ($(document).width() - $('.content').width()) / 2
    }).animate({ marginLeft: 0 }, function() {
        $('#dynamic').load(name + '/subpage.htm', function() {

            $('#page .panel1').stop().animate({ marginLeft: 0 });
            $('#page .panel2').stop().animate({ marginLeft: 190 }, 400);
            if (name == "hotmail") {
                $('#page .panel3').stop().animate({ marginLeft: 803 }, 800);
                $('#page .panel4').stop().animate({ marginLeft: 634 }, 600);
            }
            else {

                $('#page .panel3').stop().animate({ marginLeft: 640 }, 600);
                $('#page .panel4').stop().animate({ marginLeft: 830 }, 800);
            }
            $('.blackMenu').stop().animate({ marginTop: 87 });
        })
    });
    location.href = "#" + name;
}

page.Open = function(name) {

    //kapat
    $('.content').animate({ marginLeft: 0 }, function() {

        $('.blackMenu').stop().animate({ marginTop: -87 });
        $('#page .panel4').stop().animate({ marginLeft: -190 }, 400);
        if (name == "hotmail") {
            
            $('#page .panel3').stop().animate({ marginLeft: -632 }, 600);
            $('#page .panel2').stop().animate({ marginLeft: -792 }, 800);
        }
        else {
            $('#page .panel3').stop().animate({ marginLeft: -640 }, 600);
            $('#page .panel2').stop().animate({ marginLeft: -830 }, 800);
        }
        $('#page .panel1').stop().animate({ marginLeft: -190 }, 400);
    });

    //istenilen sayfayı aç
    $('.content').animate({ marginLeft: 0 }, function() {
        $('#dynamic').load(name + '/subpage.htm', function() {

            $('#page .panel1').stop().animate({ marginLeft: 0 });
            $('#page .panel2').stop().animate({ marginLeft: 190 }, 400);
            if (name == "hotmail") {
                $('#page .panel3').stop().animate({ marginLeft: 803 }, 800);
                $('#page .panel4').stop().animate({ marginLeft: 634 }, 600);
            }
            else {

                $('#page .panel3').stop().animate({ marginLeft: 640 }, 600);
                $('#page .panel4').stop().animate({ marginLeft: 830 }, 800);
            }
            $('.blackMenu').stop().animate({ marginTop: 87 });
        })
    });

}