//<![CDATA[
function createElement(tn, id, cn, ih) { //tagName, id, className, innerHTML
	if (!document.createElement || !tn) return false
	var nE = document.createElement(tn)
	if (id) nE.id = id
	if (cn) nE.className = cn //queria usar setAttribute, mas j� deve imaginar o pq n�o d�... :(
	if (ih) nE.innerHTML = ih // qdo devo usar a funcao createTextNode ao inves da innerHTML? usar createTextNode quando quiser add texto. usar innerHTML qdo quiser substituir algo. em outros casos, tanto faz.
	return nE
}
function createTextNode(s) { return (s && document.createTextNode)? document.createTextNode(s) : 0; }
function regExClass(cls) { return new RegExp('(^|\\s)'+cls+'(\\s|$)'); }
function getElementsByClass(searchClass, node, tag) {
	var classElements = [], i = 0, j = 0
	if ( node == null )	node = document;
	if ( tag == null )	tag = '*';
	var els = node.getElementsByTagName(tag), elsLen = els.length;
	var pattern = regExClass(searchClass);
	for (; i < elsLen; i++)
		if ( pattern.test(els[i].className) )
			classElements[j++] = els[i];
	return classElements;
}
function hasClass(ele,cls) { 
	if (typeof ele.className != 'undefined')
		return regExClass(cls).test(ele.className)
	else {
		ele.className = ''
		return false
	}
}
function addClass(ele,cls) {
	if (!this.hasClass(ele,cls))
			ele.className += (ele.className.length? ' ' : '') + cls;
}
function removeClass(ele,cls) {
	if (hasClass(ele,cls))
		ele.className = ele.className.replace(regExClass(cls),' ');
}

function randomInteger(max) {
	max++;
	var n;
	while ( !(n=parseInt((Math.random()*max), 10)) ) { /*...*/ }
	return n;
}
function getClientSize() {
	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;
	}
	return {width: myWidth, height: myHeight};
}

function site_load() {
	//para o email
	var o;
	(o = document.getElementById('coded-e-mail')).innerHTML = o.innerHTML.replace(/--/g,'');
	o.href = ('mailto:' + o.innerHTML);
	//para remover a observação
	document.getElementById('observacao').style.display = 'none';

	//para o loading...
	o = createElement('div', 'loading', '', '');
	n = new Image();
		n.src = 'img/loading.gif';
		n.width = 16;
		n.height= 16;
		n.alt   = '';
		n.title = 'Loading application, please wait!';
	o.appendChild(n);
	o.appendChild(createTextNode(' Loading...'));
	document.body.appendChild(o);

	//para sortear a imagem que depois de carregada set� o background do body e removida
	o = new Image();
	n = randomInteger(4);
	o.src = 'img/paisagem'+ n +'.jpg';
	o.id  = 'imgBodyBackgroundAuxiliar';
	n = getClientSize();
	o.width = n.width - 20;
	o.height = n.height - 20;
	document.body.appendChild(o);
}
function site_load2() {
	//para sumir o "Loading..."
	var o = document.getElementById('loading');
	o.parentNode.removeChild(o);
	//se quiser apenas esconde-lo: o.style.display = 'none';

	//para mudar o background do lightbox
	o = document.getElementById('lightbox');
	o.className = o.className.replace('before', 'after');

	//para mudar background do body
	o = document.getElementById('imgBodyBackgroundAuxiliar');
	document.body.style.backgroundImage = "url("+ o.src +")";
	//para remover a imagem relacionada	
	o.parentNode.removeChild(o);//se quiser apenas esconde-la:o.style.display = 'none';

	/*
	//se quiser fazer um preeload dos outros backgrounds...
	o = new Image();
	for (var i=4; i; )
		o.src = ('img/paisagem'+ i-- + '.jpg');
	*/
}
addEvent(window, 'DOMContentLoaded', site_load)
//addEvent(window,"unload",site_unload)
addEvent(window, "load", site_load2)
//]]>