// Checks if the element has a specific class
function hasClass(el, classname){
	
	var classes = el.className.split(' ');
	for(var i in classes){
		
		if(classes[i] == classname)
			return true;
	}
}

// Print data to the screen.
// Used for debug
function debug_output(value){
	
	var el = document.getElementById('debug_output');
	
	if(!el){
		el = document.createElement('div');
		el.id = 'debug_output';
		document.getElementsByTagName('body')[0].appendChild(el);
	}
	
	el.innerHTML += value + "<br>";
}

// Short way for document.getElementById
function $(id){
	
	return document.getElementById(id);
}

// Hide element
function hideElement(id){
	
	var el = $(id);
	
	if(el){
		
		el.style.display = 'none';
	}
}

function getOffset(el){
	
	var x = 0;
	var y = 0;
	
	while(el && !isNaN(el.offsetLeft) && !isNaN(el.offsetTop)){
		
		x += el.offsetLeft - el.scrollLeft;
		y += el.offsetTop - el.scrollTop;
		el = el.offsetParent;
	}
	return { top: y, left: x };
}