/*
    Denna funktionen funktionen gör så att man laddar om just innehållet, 
    alltså man har en mall och byter ut innehållet i sidan.
*/
//Kollar om sidan har laddats klart.
$(document).ready(function(){
    //Sparar Querystängen p till variablen page
    var page1 = Request.QueryString("p");
    //kontrollerar om variablen page inte är tom
    if(page1 == "1"){
        //hämtar undersidans innehåll och spara det i ett objekt som heter data.
        $.get(page1 + '.html', function(data){
            //skriver ut objektet data till div:en som har ett id som heter #contentPlace
            $("#contentPlace").html(data);    
        });
    }
	
    //om inte variablen page har något värde eller är null så laddas första sidan.
    else if(page1 == "2"){
        $.get(page1 + '.html', function(data){
            //skriver ut objektet data till div:en som har ett id som heter #contentPlace
            $("#contentPlace").html(data);    
        });
	}
	else if(page1 == "3"){
        $.get(page1 + '.html', function(data){
            //skriver ut objektet data till div:en som har ett id som heter #contentPlace
            $("#contentPlace").html(data);    
        });
	}
	else if(page1 == "4"){
        $.get(page1 + '.html', function(data){
            //skriver ut objektet data till div:en som har ett id som heter #contentPlace
            $("#contentPlace").html(data);    
        });
	}
	else if(page1 == "5"){
        $.get(page1 + '.html', function(data){
            //skriver ut objektet data till div:en som har ett id som heter #contentPlace
            $("#contentPlace").html(data);    
        });
	}
	
	else
    {
        $.get('1.html', function(data){
            //skriver ut objektet data till div:en som har ett id som heter #contentPlace
            $("#contentPlace").html(data);    
        });
    }
    
    
    
    /*
        Ett skript som gör att bilderna ändras när du är inte på respektive sida.
    */
    if(page1 == '1' || page1 == null){
        $(".btn1").attr({src: "gfx/nav_btn_start2.png"});
        $(".btn2").attr({src: "gfx/nav_btn_services.png"});
        $(".btn3").attr({src: "gfx/nav_btn_shop.png"});
        $(".btn4").attr({src: "gfx/nav_btn_personal.png"});
        $(".btn5").attr({src: "gfx/nav_btn_projekt.png"});            
    }
    else if(page1 == '2'){
        $(".btn1").attr({src: "gfx/nav_btn_start.png"});
        $(".btn2").attr({src: "gfx/nav_btn_services2.png"});
        $(".btn3").attr({src: "gfx/nav_btn_shop.png"});
        $(".btn4").attr({src: "gfx/nav_btn_personal.png"});
        $(".btn5").attr({src: "gfx/nav_btn_projekt.png"});            
    }
    else if(page1 == '3'){
        $(".btn1").attr({src: "gfx/nav_btn_start.png"});
        $(".btn2").attr({src: "gfx/nav_btn_services.png"});
        $(".btn3").attr({src: "gfx/nav_btn_shop2.png"});
        $(".btn4").attr({src: "gfx/nav_btn_personal.png"});
        $(".btn5").attr({src: "gfx/nav_btn_projekt.png"});            
    }
    else if(page1 == '4'){
        $(".btn1").attr({src: "gfx/nav_btn_start.png"});
        $(".btn2").attr({src: "gfx/nav_btn_services.png"});
        $(".btn3").attr({src: "gfx/nav_btn_shop.png"});
        $(".btn4").attr({src: "gfx/nav_btn_personal2.png"});
        $(".btn5").attr({src: "gfx/nav_btn_projekt.png"});            
    }
    else if(page1 == '5'){
        $(".btn1").attr({src: "gfx/nav_btn_start.png"});
        $(".btn2").attr({src: "gfx/nav_btn_services.png"});
        $(".btn3").attr({src: "gfx/nav_btn_shop.png"});
        $(".btn4").attr({src: "gfx/nav_btn_personal.png"});
        $(".btn5").attr({src: "gfx/nav_btn_projekt2.png"});            
    }
    else{
        $(".btn1").attr({src: "gfx/nav_btn_start2.png"});
        $(".btn2").attr({src: "gfx/nav_btn_services.png"});
        $(".btn3").attr({src: "gfx/nav_btn_shop.png"});
        $(".btn4").attr({src: "gfx/nav_btn_personal.png"});
        $(".btn5").attr({src: "gfx/nav_btn_projekt.png"});  
    };

    var rndInt = Math.floor(Math.random()*2) + 1;
    var currentDate = new Date();
    var currentMonth = currentDate.getMonth() + 1;
    
    
        $("#headerAd img").attr({ 
            src: "gfx/header/" + currentMonth + "/1.png",
            title: "Månadsbild.",
            alt: "Månadsbild."
        });
    
    

});