// funktiot

function liikutaSisalto1(valikonnro, linkinnro) {

     var $sijainti;
     //$valikonnro = "#alavalikko"+$valikonnro;
   
     $sijainti = parseInt($('#layer2').css('top'));

                        if ($sijainti > 1100) {

                            $('#layer2').fadeIn(600); //layer nakyville
                            $('#layer3').fadeOut(400);  //galleria piiloon
                            $("#layer2").animate({"top": "-=1040px"}, "slow");
                            $('#alavalikko'+valikonnro).animate({"top": "-=250px"}, "slow");

                            //sisalto
                            $('div#layer2').load('sisalto.php?id='+linkinnro);

                        }
                        else {
                            $("#layer2").animate({"top": "+=1040px"}, "slow");
                            $('#layer3').fadeOut(400); //galleria piiloon
                            //$('#layer2').fadeOut(500); //layer piiloon
                            $('#alavalikko'+valikonnro).animate({"top": "-=250px"}, "slow");
                            //sisalto
                                   $('div#layer2').load('sisalto.php?id='+linkinnro);

                            $('#layer2').fadeIn(600); //layer nakyville
                            $("#layer2").animate({"top": "-=1040px"}, "slow");
                        }

}


function liikutaSisalto2(valikonnro, linkinnro) {

     var $sijainti;
     //$valikonnro = "#alavalikko"+$valikonnro;

     $sijainti = parseInt($('#layer3').css('top'));
    
                        if ($sijainti > 800) {

                            $('#layer3').fadeIn(1000); //layer nakyville
                            $("#layer2").animate({"top": "+=1040px"}, "slow");
                           // $("#layer3").animate({"top": "-=40px"}, "slow");
                            $('#alavalikko'+valikonnro).animate({"top": "-=250px"}, "slow");

                            //sisalto
                              //      jQuery('div#layer3').load('sisalto.php?id='+linkinnro);

                        }
                        else {
                           // $("#layer3").animate({"top": "+=940px"}, "slow");
                            //$('#layer2').fadeOut(500); //layer piiloon
                             $("#layer2").animate({"top": "+=1040px"}, "slow");
                            $('#alavalikko'+valikonnro).animate({"top": "-=250px"}, "slow");
                            //sisalto
                                 // jQuery('div#layer3').load('sisalto.php?id='+linkinnro);

                            $('#layer3').fadeIn(1000); //layer nakyville
                          //  $("#layer3").animate({"top": "-=600px"}, "slow");
                        }

}


function liikutaSisalto3(valikonnro, linkinnro) {

     var $sijainti;
      $sijainti = parseInt($('#layer2').css('top'));

                        if ($sijainti > 1100) {

                            $('#layer2').fadeIn(600); //layer nakyville
                            $("#layer2").animate({"top": "-=1040px"}, "slow");
                         

                        }
                        else {
                            $("#layer2").animate({"top": "+=1040px"}, "slow");                        
                            $('#layer2').fadeIn(600); //layer nakyville
                            $("#layer2").animate({"top": "-=1040px"}, "slow");
                        }
$('div#layer2').load('sisalto_x.php?id=7');
}



function valikkoefekti(valikonnro){

   // $('#alavalikko'+valikonnro).animate({"top": "+=250px"}, "slow");

   var i=0;
         for (i=0;i<=8;i++)
    {
    $sijainti = parseInt($('#alavalikko'+valikonnro).css('top'));
      if ($sijainti > 290 && sijainti < 300  ) {
         $('#alavalikko'+i).animate({"top": "-=250px"}, "slow");
         alert(parseInt($('#alavalikko'+valikonnro).css('top')));
     }
     else {
        $('#alavalikko'+i).animate({"top": "+=250px"}, "slow");
        alert(parseInt($('#alavalikko'+valikonnro).css('top')));
     }

}
}



   $(document).ready(function(){
    $("#alavalikko1").animate({"top": "44px"}, "fast");
    $("#alavalikko2").animate({"top": "44px"}, "fast");
    $("#alavalikko3").animate({"top": "44px"}, "fast");
    $("#alavalikko4").animate({"top": "44px"}, "fast");
    $("#alavalikko5").animate({"top": "44px"}, "fast");
    $("#alavalikko6").animate({"top": "44px"}, "fast");
    $("#alavalikko7").animate({"top": "44px"}, "fast");
    $("#layer2").animate({"top": "160px"}, "fast");
    $('#layer3').fadeOut(5000); //layer piiloon



  


//päävalikon tapahtumat
                $("#paavalikko1").click(function(){
                      $("#alavalikko1").animate({"top": "44px"}, "slow");
                      $("#alavalikko1").animate({"top": "+=250px"}, "slow");
                      $("#alavalikko2").animate({"top": "44px"}, "slow");
                      $("#alavalikko3").animate({"top": "44px"}, "slow");
                      $("#alavalikko4").animate({"top": "44px"}, "slow");
                      $("#alavalikko5").animate({"top": "44px"}, "slow");
                      $("#alavalikko6").animate({"top": "44px"}, "slow");
                      $("#alavalikko7").animate({"top": "44px"}, "slow");
                       // valikkoefekti(1); //funktion pitää loopata kaikki muut valikot kiinni ja jättää tämä auki
                        //$("#layer2").animate({"top": "-=1000px"}, "slow");
                });

                 $("#paavalikko2").click(function(){
                        $("#alavalikko2").animate({"top": "44px"}, "slow");
                      $("#alavalikko1").animate({"top": "44px"}, "slow");
                      $("#alavalikko2").animate({"top": "+=250px"}, "slow");
                      $("#alavalikko3").animate({"top": "44px"}, "slow");
                      $("#alavalikko4").animate({"top": "44px"}, "slow");
                      $("#alavalikko5").animate({"top": "44px"}, "slow");
                      $("#alavalikko6").animate({"top": "44px"}, "slow");
                      $("#alavalikko7").animate({"top": "44px"}, "slow");
                       //  valikkoefekti(2);
                });

                 $("#paavalikko3").click(function(){
                        $("#alavalikko3").animate({"top": "44px"}, "slow");
                      $("#alavalikko1").animate({"top": "44px"}, "slow");
                      $("#alavalikko2").animate({"top": "44px"}, "slow");
                      $("#alavalikko3").animate({"top": "+=250px"}, "slow");
                      $("#alavalikko4").animate({"top": "44px"}, "slow");
                      $("#alavalikko5").animate({"top": "44px"}, "slow");
                      $("#alavalikko6").animate({"top": "44px"}, "slow");
                      $("#alavalikko7").animate({"top": "44px"}, "slow");
                        //valikkoefekti(3);
                });

                 $("#paavalikko4").click(function(){
                        //$("#alavalikko4").animate({"top": "+=250px"}, "slow");
                        // $("#layer2").animate({"top": "-=1000px"}, "slow");
                         $("#alavalikko4").animate({"top": "44px"}, "slow");
                      $("#alavalikko1").animate({"top": "44px"}, "slow");
                      $("#alavalikko2").animate({"top": "44px"}, "slow");
                      $("#alavalikko3").animate({"top": "44px"}, "slow");
                      $("#alavalikko4").animate({"top": "+=250px"}, "slow");
                      $("#alavalikko5").animate({"top": "44px"}, "slow");
                      $("#alavalikko6").animate({"top": "44px"}, "slow");
                      $("#alavalikko7").animate({"top": "44px"}, "slow");
                        //valikkoefekti(4);
                });

                 $("#paavalikko5").click(function(){
                        //$("#alavalikko5").animate({"top": "+=250px"}, "slow");
                        // $("#layer2").animate({"top": "-=1000px"}, "slow");
                        $("#alavalikko5").animate({"top": "44px"}, "slow");
                      $("#alavalikko1").animate({"top": "44px"}, "slow");
                      $("#alavalikko2").animate({"top": "44px"}, "slow");
                      $("#alavalikko3").animate({"top": "44px"}, "slow");
                      $("#alavalikko4").animate({"top": "44px"}, "slow");
                      $("#alavalikko5").animate({"top": "+=250px"}, "slow");
                      $("#alavalikko6").animate({"top": "44px"}, "slow");
                      $("#alavalikko7").animate({"top": "44px"}, "slow");
                       // valikkoefekti(5);
                });

                 $("#paavalikko6").click(function(){
                       // $("#alavalikko6").animate({"top": "+=250px"}, "slow");
                        // $("#layer2").animate({"top": "-=1000px"}, "slow");
                        //    $("#alavalikko1").animate({"top": "-250px"}, "slow");
                        $("#alavalikko6").animate({"top": "44px"}, "slow");
                     $("#alavalikko1").animate({"top": "44px"}, "slow");
                      $("#alavalikko2").animate({"top": "44px"}, "slow");
                      $("#alavalikko3").animate({"top": "44px"}, "slow");
                      $("#alavalikko4").animate({"top": "44px"}, "slow");
                      $("#alavalikko5").animate({"top": "44px"}, "slow");
                      $("#alavalikko6").animate({"top": "+=250px"}, "slow");
                      $("#alavalikko7").animate({"top": "44px"}, "slow");
                       // valikkoefekti(6);
                });

                 $("#paavalikko7").click(function(){
                        //$("#alavalikko7").animate({"top": "+=250px"}, "slow");
                        // $("#layer2").animate({"top": "-=1000px"}, "slow");
                        $("#alavalikko7").animate({"top": "44px"}, "slow");
                      $("#alavalikko1").animate({"top": "44px"}, "slow");
                      $("#alavalikko2").animate({"top": "44px"}, "slow");
                      $("#alavalikko3").animate({"top": "44px"}, "slow");
                      $("#alavalikko4").animate({"top": "44px"}, "slow");
                      $("#alavalikko5").animate({"top": "44px"}, "slow");
                      $("#alavalikko6").animate({"top": "44px"}, "slow");
                      $("#alavalikko7").animate({"top": "+=250px"}, "slow");
                        //valikkoefekti(7);
                });

// alavalikoiden tapahtumat

                $("#alavalikkolinkki1").click(function(){
                       liikutaSisalto1(1,1);
                });

                 $("#alavalikkolinkki2").click(function(){
                      liikutaSisalto1(1,2);
                });

                $("#alavalikkolinkki3").click(function(){
                        liikutaSisalto1(1,3);
                });
                   $("#alavalikkolinkki4").click(function(){
                        liikutaSisalto1(1,4);
                });
                   $("#alavalikkolinkki5").click(function(){
                        liikutaSisalto1(1,5);
                });
                    $("#alavalikkolinkki6").click(function(){
                        liikutaSisalto1(1,6);
                });
                $("#alavalikkolinkki7").click(function(){
                        liikutaSisalto1(1,7);
                });
                 $("#alavalikkolinkki8").click(function(){
                        liikutaSisalto1(1,8);
                });
                 $("#alavalikkolinkki9").click(function(){
                        liikutaSisalto1(1,9);
                });

                //kakkosvalikko
                  $("#alavalikkolinkki10").click(function(){
                        liikutaSisalto1(2,10);
                });

                 $("#alavalikkolinkki11").click(function(){
                        liikutaSisalto1(2,11);
                });
                 $("#alavalikkolinkki12").click(function(){
                        liikutaSisalto1(2,12);
                });
                //kolmosvalikko
                  $("#alavalikkolinkki13").click(function(){
                        liikutaSisalto1(3,13);
                });

                 $("#alavalikkolinkki14").click(function(){
                        liikutaSisalto1(3,14);
                });
                 $("#alavalikkolinkki15").click(function(){
                        liikutaSisalto1(3,15);
                });
                 $("#alavalikkolinkki16").click(function(){
                        liikutaSisalto1(3,16);
                });
                 $("#alavalikkolinkki17").click(function(){
                        liikutaSisalto1(3,17);
                });
                  $("#alavalikkolinkki29").click(function(){
                        liikutaSisalto1(3,29);
                });
                //neljäs valikko
                  $("#alavalikkolinkki18").click(function(){
                        liikutaSisalto1(4,18);
                });
                $("#alavalikkolinkki19").click(function(){
                        liikutaSisalto1(4,19);
                });
               //viides valikko
                $("#alavalikkolinkki20").click(function(){
                        liikutaSisalto1(5,20);
                });
                $("#alavalikkolinkki21").click(function(){
                        liikutaSisalto1(5,21);
                });
                 //kuudes valikko
                $("#alavalikkolinkki22").click(function(){
                        liikutaSisalto2(6,22);
                                              

                });
                $("#alavalikkolinkki23").click(function(){
                        liikutaSisalto1(6,23);
                });
                $("#alavalikkolinkki24").click(function(){
                        liikutaSisalto1(6,24);
                });
                $("#alavalikkolinkki25").click(function(){
                        liikutaSisalto1(6,25);
                });
                 $("#alavalikkolinkki26").click(function(){
                        liikutaSisalto1(6,26);
                });
                    //seitsemässä valikko
                $("#alavalikkolinkki27").click(function(){
                        liikutaSisalto1(7,27);
                });
                $("#alavalikkolinkki28").click(function(){
                        liikutaSisalto1(7,28);
                });


//suljetaan subsite

                 $("img#suljex").click(function(){
                        $("div#layer2").animate({"top": "+=1040px"}, "slow");
                        
                        //$("#layer2").css(display, none);

                });




            });