
function changeSizes () {
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }

  // Alter width according to screen
  if(myWidth <= 1024) {
	var diffWidth = 0;

	    document.getElementById('contentBox').style.width = '600px';
	    document.getElementById('contentBody').style.width = '600px';
	    document.getElementById('contentText').style.width = '550px';
	    document.getElementById('contentPicture').style.width = '0px';
	    document.getElementById('contentPicture').innerHTML = '';	
	    document.getElementById('contentBox').style.height = (335 - 30)+'px';
		document.getElementById('contentBody').style.height = (300 - 30)+'px';	
  }

  if(myWidth > 1024) {
	var diffWidth = myWidth - 1024;
    document.getElementById('contentBox').style.width = (600 + diffWidth)+'px';
    document.getElementById('contentBody').style.width = (600 + diffWidth)+'px';
    document.getElementById('contentText').style.width = (270 + diffWidth)+'px';
	document.getElementById('supporter').style.left = (590 + diffWidth)+'px';
  }
  if(myHeight > 768) {
    var diffHeight = myHeight - 768 +100;
    document.getElementById('contentBox').style.height = (335 + diffHeight)+'px';
	document.getElementById('contentBody').style.height = (300 + diffHeight)+'px';
  }
}

