// created using getElementsByClass by Dustin Diaz

// and Width-based layout by Simon Collison



window.onload = function() {

	if (!document.getElementById) return false;

	var boxes = getElementsByClass('box01');

	var cols03 = getElementsByClass('cols03');

	var theWidth = 0;

	if (window.innerWidth) {

		theWidth = window.innerWidth

		} 

	else if (document.documentElement && document.documentElement.clientWidth) {

		theWidth = document.documentElement.clientWidth

	    } 

	else if (document.body) {

		theWidth = document.body.clientWidth

	    }

	for (var i=0; i< boxes.length; i++) {

		if (theWidth != 0) {

 	        if (theWidth < 920) {

				boxes[i].style.width = '600px';

			} else {

				boxes[i].style.width = '900px';

   	   		}

		}

	}

	for (var i=0; i< cols03.length; i++) {

		if (theWidth != 0) {

 	        if (theWidth < 920) {

				cols03[i].style.width = '580px';

			} else {

				cols03[i].style.width = '880px';

   	   		}

		}

	}

}



window.onresize = function() {

	if (!document.getElementById) return false;

	var boxes = getElementsByClass('box01');

	var cols03 = getElementsByClass('cols03');

	var theWidth = 0;

	if (window.innerWidth) {

		theWidth = window.innerWidth

		} 

	else if (document.documentElement && document.documentElement.clientWidth) {

		theWidth = document.documentElement.clientWidth

	    } 

	else if (document.body) {

		theWidth = document.body.clientWidth

	    }

	for (var i=0; i< boxes.length; i++) {

		if (theWidth != 0) {

 	        if (theWidth < 920) {

				boxes[i].style.width = '600px';

			} else {

				boxes[i].style.width = '900px';

   	   		}

		}

	}

	for (var i=0; i< cols03.length; i++) {

		if (theWidth != 0) {

 	        if (theWidth < 920) {

				cols03[i].style.width = '580px';

			} else {

				cols03[i].style.width = '880px';

   	   		}

		}

	}

}



function getElementsByClass(searchClass,node,tag) {

	var classElements = new Array();

	if ( node == null )

		node = document;

	if ( tag == null )

		tag = '*';

	var els = node.getElementsByTagName(tag);

	var elsLen = els.length;

	var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");

	for (i = 0, j = 0; i < elsLen; i++) {

		if ( pattern.test(els[i].className) ) {

			classElements[j] = els[i];

			j++;

		}

	}

	return classElements;

}