//döljer alla sidor utom första sidan
//gömmar alla sidor utom startsidan, första länk i menyn vald
$(document).ready(function() {
    $('#main div').hide('fast');
    $('#mainstart').animate({ height: 'show', opacity: 'show' }, 'fast');
    $('#mainstart div').animate({ height: 'show', opacity: 'show' }, 'fast');
    $("#Menu1 a:first").addClass("active");
});




//visa vald sida, viewer och galleri är den länk som man klickat på i galleridiv
function showHide(vald, viewer, galleri) {
    $('#main div').fadeOut('fast');
    $('#' + vald).animate({ height: 'show', opacity: 'show' }, 'slow');
    $('#' + vald + ' ' + 'div').animate({ height: 'show', opacity: 'show' }, 'slow');
    
    //anropar funktion gall som finns på tilda.html under mainbilderdiv, skickar med vald galleri
    gall(viewer, galleri);

    //Tar bort markerad länk i menyn och markerar sedan vald länk i menyn
    $("#Menu1 a").click(function() {
    $("#Menu1 a").removeClass("active");
    $(this).addClass("active");
});

//vid hover på länkar ändras bakgrundsfärgen i menyn
$("#Menu1 li a").hover(function() {
$(this).addClass("hover");
//vid hover på länkar kommer ett meddelande fram
//$(this).next("em").animate({ opacity: "show", top: "32" }, "slow");  
    
    
}, function() {
$(this).removeClass("hover");
//meddelandet tas bort
//$(this).next("em").animate({ opacity: "hide", top: "28" }, "fast");
}); 
    
    
};