בעיית JS שאני לא יודע לתקן

כן עליתי…
על זה בזמן שאכלתי ושיניתי אבל עכשיו אם אני משתמש בפונקציה המתוקנת

function imgFile(searchId,newsTitleId,newsDataId){
var imgSearch, imgNewsTitle, imgNewsData, newsTitleObj, newsDataObj, searchObj
imgSearch = new Image()
imgNewsTitle = new Image()
imgNewsData = new Image()
if (screen.width>=1024 && screen.height>=768){
imgSearch.src = "images/search.jpg"
imgNewsTitle.src = "images/newTitle.jpg"
imgNewsData.src = "images/newData.jpg"
}else{
imgSearch.src = "images/littleSearch.jpg"
imgNewsTitle.src = "images/LittlenewTitle.jpg"
imgNewsData.src = "images/LittlenewData.jpg"
}
newsTitleObj = document.getElementById(newsTitleId)
newsTitleObj.style.backgroundImage = "url(" + imgNewsTitle + ")"

newsDataObj = document.getElementById(newsDataId)
newsDataObj.style.backgroundImage = "url(" + imgNewsData + ")"

searchObj = document.getElementById(searchId)
searchObj.style.backgroundImage = "url(" + imgSearch + ")"
}

הפעלתי את זה באירוע OnLoad אבל עדיין הפונקצייה לא פועלת כמו שצריך
הקטע בפונקציה שהיא תעשה שאם המסך מוגדר ברזולוציה 1024*768 או גדולה יותר אז זה ייתן לי תמונה אחת ואם קטן יותר אז זה ייתן לי תמונה אחרת
ולאחר ההתנייה זה אמור להציב את זה בתוך ה-style של האלמנט שלי (שזה עובד)

מישהו צוכן להדריך אותי איך לתקן את הפונקציה כדי שתעבוד לי כמו שאני רוצה ?

בבקשה