Background

Ik heb de volgende HTML code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Southpark</title>
<style type="text/css">
<!--
body {
    background-color: #000000;
    background-image: url(bg/p1.jpg);
    background-repeat: no-repeat;
    background-position:center;
    background-attachment:fixed;
}


-->
</style>

</head>


<body>


</body>

</html>

Maar nu heb ik verschillende afbeeldingen die ik wil laten zien, dus gewoon random dat hij er eentje pakt, en ik wil er een script in hebben dat de resolutie van het scherm bepaald en daarop de resolutie van de afbeelding afstemt...

Dus ik wil bijvoorbeeld de volgende afbeeldingen afhankelijk van de resolutie random laten zien:
bg/1900x1024/p1.jpg
bg/800x600/p1.jpg
bg/1900x1024/p2.jpg
bg/800x600/p2.jpg
bg/1900x1024/p3.jpg
bg/800x600/p3.jpg
bg/1900x1024/p4.jpg
bg/800x600/p4.jpg

Iemand suggesties?

Euwhr, laat trouwens maar... t is niet super belangrijk dus voordat iemand dr veel tijd in gaat steken

Dit heb ik ook nodig

Het beste lijkt mij dan:

Javascriptje om scherm volledig te maken, daarna width / height ophalen van browservenster (anders moet je een active-x ding ofzo maken voorsat je de echte resolutie weet). Vervolgens vanuit daar random uit een arraytje halen