Page size correction in horizontal scrolling using Javascript

[r00t]

I'm trying to use page correction (for different browsers on different resolutions) in a horizontal scrolling website using scroll.js. Here's my code for page correction:\[code\]function getPageSize() { var de = document.documentElement; var w = window.innerWidth || self.innerWidth || (de && de.clientWidth) || document.body.clientWidth; var h = window.innerHeight || self.innerHeight || (de && de.clientHeight) || document.body.clientHeight; arrayPageSize = [w, h]; return arrayPageSize;}$(document).ready(function () { var page = getPageSize(); var x = page[0]; var y = page[1]; $(".slide1").css({ width: (x) + 'px'}); $(".slide2").css({ width: (x) + 'px'});\[/code\]In my code, i'm trying to set the \[code\]width\[/code\] of \[code\]slide1\[/code\] and \[code\]slide2\[/code\] equal to the \[code\]browser width\[/code\]. My question is : is there any short way of doing this or I will have to repeat the same code for all the \[code\]slide\[/code\]s?