// JavaScript Document
var blockNum = 1;
var currBlock = 1;
var blockTimer;

function newAjax(){
	var xmlhttp=false;
 	try {
 		xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
 	} catch (e) {
 		try {
 			xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
 		} catch (E) {
 			xmlhttp = false;
 		}
  	}

	if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
 		xmlhttp = new XMLHttpRequest();
	}
	return xmlhttp;
}
						
function initDivs(){
	var homeurl = "home.php?";
	var footxt = "Bienvenida";
	var cpt = "01";
	rnd = Math.round(Math.random() * 3);
	HomeContent(homeurl, footxt, cpt);
	crossFade();
	postLoad();
	setInterval("crossFade()", 12000);
}

function crossFade(){
	rnd += 1;
	concept = document.getElementById('concept_div');
	concept.innerHTML = '<img src="../imagenes/concept0' + rnd + '.png" width="784" height="168"/>';
	
	if(rnd > 3){
		rnd = 0;
	}
}

function doPause(){}

function HomeContent(homeurl, footxt, cpt){
	var contenedor, statusbar, mirrorimg;
	contenedor = document.getElementById('content_html');
	statusbar = document.getElementById('content_head');
	//mirrorimg = document.getElementById('content_mirror');
	preload = document.getElementById('div_preload');
	concept = document.getElementById('concept_div');
	//slide = document.getElementById('slide_div');
	blocks = document.getElementById('blocks_div');
	//rnd = 1 + Math.round(Math.random() * 3);
	divObjhome = newAjax();
	divObjhome.open("GET", homeurl, true);
	divObjhome.onreadystatechange=function() {
		if (divObjhome.readyState == 4) {
			contenedor.innerHTML = divObjhome.responseText;
			statusbar.innerHTML = footxt;
			//mirrorimg.innerHTML = '<img src="../imagenes/m_' + footxt + '.png" />';
			//concept.innerHTML = '<img src="../imagenes/concept' + cpt + '.png" width="784" height="168" />';
			//slide.innerHTML = '<img src="../imagenes/thumb' + cpt + '.png" width="120" height="150" />';
			//concept.innerHTML = '<img src="../imagenes/concept0' + rnd + '.png" width="784" height="168" />';
			blocks.style.backgroundImage = "url('../imagenes/real" + cpt + ".jpg')";
			CommentContent('comment.php?on=' + cpt);
			//blockNum = cpt * 1;
			//currBlock = cpt * 1;
		}else if (divObjhome.readyState <= 3){
			contenedor.innerHTML = '<img src="../imagenes/loading.gif" width="50" height="50" style="border:0px;"/>';
			statusbar.innerHTML = 'Cargando ' + footxt + '...';
			//mirrorimg.style.backgroundImage = "url('../imagenes/content_mirror.png')";
			preload.style.backgroundImage = "url('../imagenes/m_" + footxt + ".png')";
		}
	}
	divObjhome.send(null);
}

function CommentContent(url){
	var commentDiv;
	commentDiv = document.getElementById('comment_div');
	divObjcomm = newAjax();
	divObjcomm.open("GET", url, true);
	divObjcomm.onreadystatechange=function() {
		if (divObjcomm.readyState == 4) {
			commentDiv.innerHTML = divObjcomm.responseText;
		}else if (divObjcomm.readyState <= 3){
			//commentDiv.innerHTML = '<img src="../imagenes/loading.gif" width="50" height="50" />';
			//commentDiv.innerHTML = "Nuevo Mensaje...";
		}
	}
	divObjcomm.send(null);
}

function changeBlocks(){
	blockNum = blockNum + 1;
	if(blockNum > 4){
		blockNum = 1;
	}
	blocks = document.getElementById('blocks_div');
	blocks.style.backgroundImage = "url('../imagenes/md3d0" + blockNum + ".png')";
	blockTimer = setTimeout("changeBlocks()", 500);
}

function resetBlock(){
	clearTimeout(blockTimer);
	blocks = document.getElementById('blocks_div');
	blocks.style.backgroundImage = "url('../imagenes/md3d0" + currBlock + ".png')";
	blockNum = currBlock;
}

function postLoad(){
	pLoad = document.getElementById('div_postload');
	var setHTML = '<img src="imagenes/thumb01.png" alt="Cargando..." />';
	setHTML += '<img src="imagenes/thumb02.png" alt="Cargando..." />';
	setHTML += '<img src="imagenes/thumb03.png" alt="Cargando..." />';
	setHTML += '<img src="imagenes/thumb04.png" alt="Cargando..." />';
	setHTML += '<img src="imagenes/concept01.png" alt="Cargando..." />';
	setHTML += '<img src="imagenes/concept02.png" alt="Cargando..." />';
	setHTML += '<img src="imagenes/concept03.png" alt="Cargando..." />';
	setHTML += '<img src="imagenes/concept04.png" alt="Cargando..." />';
	setHTML += '<img src="imagenes/real01.jpg" alt="Cargando..." />';
	setHTML += '<img src="imagenes/real02.jpg" alt="Cargando..." />';
	setHTML += '<img src="imagenes/real03.jpg" alt="Cargando..." />';
	setHTML += '<img src="imagenes/real04.jpg" alt="Cargando..." />';
	setHTML += '<img src="imagenes/real05.jpg" alt="Cargando..." />';
	setHTML += '<img src="imagenes/real06.jpg" alt="Cargando..." />';
	pLoad.innerHTML = setHTML;
}