//	change css width based on window width
wraphandler = {
	init: function() {
		if (!document.getElementById) return;
		wraphandler.setWrapper();
		wraphandler.addEvent(window,"resize", wraphandler.setWrapper);
	},
	setWrapper: function() {
		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
		}
		if (theWidth != 0) {
			if (theWidth < 996) {
				document.getElementById('container').className = 'small_container';
			} else {
				document.getElementById('container').className = 'big_container';
			}
		}
	},
	addEvent: function( obj, type, fn ) {
		if ( obj.attachEvent ) {
			obj['e'+type+fn] = fn;
			obj[type+fn] = function(){obj['e'+type+fn]( window.event );}
			obj.attachEvent( 'on'+type, obj[type+fn] );
		} else {
			obj.addEventListener( type, fn, false );
		}
	}
}
wraphandler.addEvent(window,"load",wraphandler.init);

//	to change font size use:
//	<a href="javascript:decreaseFontSize();">-</a> 
//	<a href="javascript:increaseFontSize();">+</a>
var min=8;
var max=18;
function increaseFontSize() {
   var p = document.getElementsByTagName('p');
   for(i=0;i<p.length;i++) {
      if(p[i].style.fontSize) {
         var s = parseInt(p[i].style.fontSize.replace("px",""));
      } else {
         var s = 12;
      }
      if(s!=max) {
         s += 1;
      }
      p[i].style.fontSize = s+"px"
   }
}
function decreaseFontSize() {
   var p = document.getElementsByTagName('p');
   for(i=0;i<p.length;i++) {
      if(p[i].style.fontSize) {
         var s = parseInt(p[i].style.fontSize.replace("px",""));
      } else {
         var s = 12;
      }
      if(s!=min) {
         s -= 1;
      }
      p[i].style.fontSize = s+"px"
   }   
}