auflösung abhägiges css

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
[html]

[/html]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