function getViewsize(){

 var viewPortWidth;

 if (typeof window.innerWidth != 'undefined') {
   viewPortWidth = window.innerWidth;
 }
 else if (typeof document.documentElement != 'undefined'
 && typeof document.documentElement.clientWidth !=
 'undefined' && document.documentElement.clientWidth != 0) {
    viewPortWidth = document.documentElement.clientWidth;
 }

 // older versions of IE
 else {
   viewPortWidth = document.getElementsByTagName('body')[0].clientWidth;
 }
 return viewPortWidth;
}
function getViewsize2(){

 var viewPortHeight;

 if (typeof window.innerHeight != 'undefined') {
   viewPortHeight = window.innerHeight;
 }
 else if (typeof document.documentElement != 'undefined'
 && typeof document.documentElement.clientHeight !=
 'undefined' && document.documentElement.clientHeight != 0) {
    viewPortHeight = document.documentElement.clientHeight;
 }

 // older versions of IE
 else {
   viewPortHeight = document.getElementsByTagName('body')[0].clientHeight;
 }
 return viewPortHeight;
}