auflösung abhägiges css

[BeB06]

hi,
versuche hin zubekommen
das für verschiden auflösungen unterschidliche css fils geladen werden sollen

leider weiß ich nicht wie das genau geht
hatt jemand eine ide

dies ist in der index seite

<script language="JavaScript" src="themes/webstoff1/setcss.js"></script>
<script language=JavaScript>
SetCSS();
</script>

extern im script

function SetCSS() {
if (parent.defstylesheet) {css=parent.defstylesheet;}  
else       {css="themes/webstoff1/style.css";}
if (css.indexOf("1024.css")) {        
   if (screen.width==800)  {css = css.replace("1024.css","800.css");}      
  if (screen.width >1024)  {css = css.replace("1024.css","1280.css");}
  }
document.write ('<link rel=stylesheet type="text/css" href="themes/webstoff1/' + css+'">

css datein sind im gleich verzeichnes wie der script und die xhtml datei


danke schon mal