// Some Utility functions

function getScreenDimensions() {
	if (typeof window.innerWidth != 'undefined') {
		screenWidth = window.innerWidth,
		screenHeight = window.innerHeight
	} else if (typeof document.documentElement != 'undefined'
			 && typeof document.documentElement.clientWidth !=
			 'undefined' && document.documentElement.clientWidth != 0) {
		screenWidth = document.documentElement.clientWidth,
		screenHeight = document.documentElement.clientHeight
	} else {
		screenWidth = document.getElementsByTagName('body')[0].clientWidth,
		screenHeight = document.getElementsByTagName('body')[0].clientHeight
	}
}

function showElement(el,visible) {
	el.style.display = (visible) ? "block": "none";
}


function getWidth(id) {
	var w_ = document.getElementById(id).style.width;
	return Number(w_.substring(0,w_.length-2));
}

function getHeight(id) {
	var h_ = document.getElementById(id).style.height;
	return Number(h_.substring(0,h_.length-2));
}

function getElementHeight(id){
	var el = document.getElementById(id);
	if(el.clientHeight){ return el.clientHeight; }
	else if(el.innerHeight) { return el.innerHeight; }
	else if(el.offsetHeight && el.offsetHeight != 0) { return el.offsetHeight; }
	return null; 
}

function getElementWidth(id){
	var el = document.getElementById(id);
	if(el.clientWidth){ return el.clientWidth; }
	else if(el.innerWidth) { return el.innerWidth; }
	else if(el.offsetWidth && el.offsetWidth != 0) { return el.offsetWidth; }
	return null; 
}