get_viewport.js

/*
** 2/12/2012
** Ali Haris
*/

/*
This is a js which identifies
the viewport width and assigns
to the websites container.
*/

var container = "container";
var width;

// For Modern Web Browsers (Mozilla, Chrome, Opera, Safari)
if (typeof window.innerWidth != 'undefined') {
width = window.innerWidth;
} else if (typeof document.documentElement != 'undefined' && document.documentElement.clientWidth != 'undefined' && document.documentElement.clientWidth != 0) {
// For IE6 in Compliment Mode
width = document.documentElement.clientWidth;
} else {
// For older version of IE
width = document.getElementsByTagName('body')[0].clientWidth;
}

// Assign the values to Container
viewportAdjust = document.getElementById(container);
viewportAdjust.style.width = ""+width+"px";