$(function() {
            $('#LoginMenu').click(function() {
                            $('#login').slideDown(500);
                            $('#Register').css("display", "none");    
                             });
            $('#closeLogin').click(function() {
                                 $('#login').slideUp(1000);
                             });
           $('#RegisterMenu').click(function() {
                                   $('#Register').slideDown(500);
                                   $('#login').css("display", "none");  
                             });
           $('#closeRegister').click(function() {
                                 $('#Register').slideUp(1000);
                             });
          $('#titleimg1').click(function() {

                                 $('#downPart2').css("display", "none");
                                 $('#downPart3').css("display", "none");
                                 $('#downPart4').css("display", "none");
                                 $('#downPart1').slideDown(500);
                                 
                                 //css edit

                             });
          $('#titleimg1').click(function() {

                                 $('#downPart2').css("display", "none");
                                 $('#downPart3').css("display", "none");
                                 $('#downPart4').css("display", "none");
                                 $('#downPart1').slideDown(500);
                                 $('#EJ').css("display", "block");
                                 //css edit

                             });
           $('#titleimg3').click(function() {

                                 $('#downPart1').css("display", "none");
                                 $('#downPart3').css("display", "none");
                                 $('#downPart4').css("display", "none");
                                 $('#downPart2').slideDown(500);
                                 $('#EJ').css("display", "block");
                             });
          $('#titleimg2').click(function() {

                                 $('#downPart1').css("display", "none");
                                 $('#downPart2').css("display", "none");
                                 $('#downPart4').css("display", "none");
                                 $('#downPart3').slideDown(500);
                                 $('#EJ').css("display", "block");
                             });
            $('#titleimg4').click(function() {

                                 $('#downPart1').css("display", "none");
                                 $('#downPart3').css("display", "none");
                                 $('#downPart2').css("display", "none");
                                 $('#downPart4').slideDown(500);
                                 $('#EJ').css("display", "block");
                             });
             $('#EJ').click(function() {

                                 $('#downPart1').slideUp(1000);
                                 $('#downPart3').slideUp(1000);
                                 $('#downPart2').slideUp(1000);
                                 $('#downPart4').slideUp(1000);
                                 $('#EJ').css("display", "none");
                             });
           $('#img1').mouseover(function() {

                                 document.getElementById('topimage1').src = 'images/HomePagePic/part4_pic1.png';

                             });
         $('#img2').mouseover(function() {

                                 document.getElementById('topimage1').src = 'images/HomePagePic/part4_pic2.png';

                             });
          $('#img3').mouseover(function() {

                                 document.getElementById('topimage1').src = 'images/HomePagePic/part4_pic3.png';

                             });
          $('#img4').mouseover(function() {

                                 document.getElementById('topimage1').src = 'images/HomePagePic/part4_pic4.png';

                             });
           $('#img5').mouseover(function() {

                                 document.getElementById('topImag2').src = 'images/HomePagePic/part4_pic5.png';

                             });
         $('#img6').mouseover(function() {

                                 document.getElementById('topImag2').src = 'images/HomePagePic/part4_pic6.png';

                             });
           $('#img7').mouseover(function() {

                                 document.getElementById('topImag2').src = 'images/HomePagePic/part4_pic7.png';

                             });
            $('#img8').mouseover(function() {

                                 document.getElementById('topImag2').src = 'images/HomePagePic/part4_pic8.png';

                             });
    });