// LOAD FUNCTION //
function loadXMLDoc(dname)
{
    if (window.XMLHttpRequest)
    {
	xhttp=new XMLHttpRequest();
    }
    else
    {
	xhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xhttp.open("GET",dname,false);
    xhttp.send("");
    return xhttp.responseXML;
}
//CARTONES //
function parseCartoonsxml()
{    
    var schema = {
	rowtag: 'Item',
	columns: [
	    { tagname: 'url'},
            { tagname: 'thumbnail'},
            { tagname: 'author'},
            { tagname: 'caption'}
	]
    };    
    
    xmldoc = loadXMLDoc('http://www.jornada.unam.mx/data/utils/cartones.php');    
    makeListCartoons(xmldoc, schema, 'wrapcartoons');
    
}

function makeListCartoons(xmldoc, schema, element) {    
    var ul = document.createElement('ul');
    ul.setAttribute('id', 'carouselcartoons');
    ul.setAttribute('class', 'jcarousel-skin-cartoons');
    var xmllists = xmldoc.getElementsByTagName(schema.rowtag);
    
    count = 0;

    for ( var l = 0; l < xmllists.length; l++ ) {
        var xmllist = xmllists[l];
        count = count + 1;

        for ( var c = 0; c < schema.columns.length; c++ ) {
            var sc = schema.columns[c];
            var tagname = (typeof sc == 'string') ? sc:sc.tagname;
            var li = document.createElement('li');
            var objLink = document.createElement('a');
            //Create href attribute. href =
            var href = document.createAttribute('href');
            var xmlthumbnail = xmllist.getElementsByTagName('url')[0];
            var ahrefthumbnail = xmlthumbnail.firstChild.data;
            //Create title attribute. title = caption - autor
            var title = document.createAttribute('title');
            var xmltitleCaption = xmllist.getElementsByTagName('caption')[0];
            var xmltitleAuthor = xmllist.getElementsByTagName('author')[0];
            var ahreftitleCaption = xmltitleCaption.firstChild.data;
            var ahreftitleAuthor = xmltitleAuthor.firstChild.data;
            //Set attributes to a
            objLink.setAttribute('name', ahrefthumbnail);
            objLink.setAttribute('href', 'javascript:void(0);');
            objLink.setAttribute('rel', 'lightboxcart');
            objLink.setAttribute('title', ahreftitleCaption + ' - ' + ahreftitleAuthor);
            objLink.setAttribute('onmouseover', 'initLightboxcart(' + count + ');');
            var img = document.createElement('img');
	    //Create href attribute. href = thumbnail
            var src = document.createAttribute('src');
            var xmlsrc = xmllist.getElementsByTagName('thumbnail')[0];
            var imgsrc = xmlsrc.firstChild.data;
            //Set attributes to img
            img.setAttribute('src', imgsrc);
            img.setAttribute('alt', 'Cartones');
            img.setAttribute('border', '0');
            //Append img in a
            objLink.appendChild(img);
            //Append a in li
	    li.appendChild(objLink);
	    //Create a div element (Cartoon's title)
	    var div = document.createElement('div');
	    div.setAttribute('class', 'cartoontitle');
	    divText = document.createTextNode(ahreftitleCaption + ' - ' + ahreftitleAuthor);
	    div.appendChild(divText);
	    li.appendChild(div);
        }
	
	//Append li in ul
        ul.appendChild(li);
        if (typeof element == 'string')
	    element = document.getElementById(element);        
	element.appendChild(ul);
	
    }
}
// END CARTONES //
// PHOTO //
function parsePhotoxml()
{
    var schema = {
        rowtag: 'galery',
        columns: [
            { tagname: '@id'},
            { tagname: 'header'},
            { tagname: 'foot'},
            { tagname: 'principal'}
        ]
    };

    xmldoc = loadXMLDoc('http://www.jornada.unam.mx/data/fotografia.xml');
    makeListPhoto(xmldoc, schema, 'wrapgaleries');
}

function makeListPhoto(xmldoc, schema, element) {
    //Create ul element
    var ul = document.createElement('ul');
    //Set id attribute to ul element
    ul.setAttribute('id', 'carouselgaleries');
    //Set class attribute to ul element
    ul.setAttribute('class', 'jcarousel-skin-galeries');
    var xmllists = xmldoc.getElementsByTagName(schema.rowtag);

    count = 0;
    count2 = 0;

    for ( var l = 0; l < xmllists.length; l++ ) {
        var xmllist = xmllists[l];
        count = count + 1;
        count2 = count2 + 1;

        if (count2 < 3) {
	    for ( var c = 0; c < schema.columns.length; c++ ) {
                var sc = schema.columns[c];
                var tagname = (typeof sc == 'string') ? sc:sc.tagname;
                //Get xml elements
                var headerxml = xmllist.getElementsByTagName('header')[0];
                var header = headerxml.firstChild.data;
                var footxml = xmllist.getElementsByTagName('foot')[0];
                var foot = footxml.firstChild.data;
                var principalxml = xmllist.getElementsByTagName('principal')[0];
                var principal = principalxml.firstChild.data;
                //Create li element
                var li = document.createElement('li');
                //Create a element
                var objLink = document.createElement('a');
                //Set id attribute to a element
                objLink.setAttribute('id', 'idAhrefCarousel');
                //Set name attribute to a element
                objLink.setAttribute('name', 'http://www.jornada.unam.mx/data' + principal);
                //Set onmouseover attribute to a element
                objLink.setAttribute('onmouseover', 'initLightboxgal(' + count + ')');
                //Set href attribute to a element
                objLink.setAttribute('href', 'javascript:void(0);');
                //Set rel attribute to a element
                objLink.setAttribute('rel', 'lightboxgal');
                //Create img element
                var img = document.createElement('img');
                //Set src attribute to img element
                img.setAttribute('src', 'http://www.jornada.unam.mx/data' + principal);
                //Set alt attribute to img element
                img.setAttribute('alt', header);
		//Set border style to img element
                img.style.border = '0';
                //Set height style to img element
                img.style.height = '200px';
                //Set width style to img element
                img.style.width = '200px';
                objLink.appendChild(img);
                //Create div element
                var divPhotoTitle = document.createElement('div');
		//Set class attribute
		divPhotoTitle.setAttribute('class','phototitle');
                //Set Text node
                var titlediv = document.createTextNode(header);
                divPhotoTitle.appendChild(titlediv);
                //Create div element
                var divPhotoFoot = document.createElement('div');
		//Set class attribute
		divPhotoFoot.setAttribute('id','photofootgalery');
		divPhotoFoot.setAttribute('class','photofoot');
                //Set Text node
                var footdiv = document.createTextNode(foot);
                divPhotoFoot.appendChild(footdiv);
                li.appendChild(objLink);
                li.appendChild(divPhotoTitle);
                li.appendChild(divPhotoFoot);
            }
        }
	
	//Append li in ul
        ul.appendChild(li);
        if (typeof element == 'string')
            element = document.getElementById(element);
        element.appendChild(ul);
	
    }
}
// END PHOTO //
// LAS MAS //
function showMasLeidas(clic)
{

    if (clic == 'true') {
	var divLasMasList = document.getElementById('divLasMasList');
	var rmUlLasMasList = document.getElementById('ulLasMasList');
	divLasMasList.removeChild(rmUlLasMasList);
        var hrefMasLeidas = document.getElementById('hrefMasLeidas');
	var hrefMasEnviadas = document.getElementById('hrefMasEnviadas');
	var hrefMasComentadas = document.getElementById('hrefMasComentadas');
	hrefMasLeidas.className = 'masleidassel';
	hrefMasEnviadas.className = 'masenviadas';	
	hrefMasComentadas.className = 'mascomentadas';
    }  
    
    var schema = {
	rowtag: "item",
	columns: [
	    { tagname: "title"},
	    { tagname: "link"}
	]
    };
    
    //xmldoc = loadXMLDoc("../../v8.0/test/masleido.xml");
    xmldoc = loadXMLDoc("http://www.jornada.unam.mx/v8.0/xml/masleido.xml");
    makeList(xmldoc, schema, "divLasMasList");
    
}

function showMasEnviadas()
{
    
    var divLasMasList = document.getElementById('divLasMasList');
    var rmUlLasMasList = document.getElementById('ulLasMasList');
    divLasMasList.removeChild(rmUlLasMasList);
    var hrefMasLeidas = document.getElementById('hrefMasLeidas');
    var hrefMasEnviadas = document.getElementById('hrefMasEnviadas');
    var hrefMasComentadas = document.getElementById('hrefMasComentadas');    
    hrefMasLeidas.className = 'masleidas';
    hrefMasEnviadas.className = 'masenviadassel';
    hrefMasComentadas.className = 'mascomentadas';
    
    
    var schema = {
	rowtag: "item",
	columns: [
	    { tagname: "title"},
	    { tagname: "link"}
	]
    };
    
    //xmldoc = loadXMLDoc("../../v8.0/test/masenviado.xml");
    xmldoc = loadXMLDoc("http://www.jornada.unam.mx/v8.0/xml/masenviado.xml");
    makeList(xmldoc, schema, "divLasMasList");
    
}

function showMasComentadas()
{
    
    var divLasMasList = document.getElementById('divLasMasList');
    var rmUlLasMasList = document.getElementById('ulLasMasList');
    divLasMasList.removeChild(rmUlLasMasList);
    var hrefMasLeidas = document.getElementById('hrefMasLeidas');
    var hrefMasEnviadas = document.getElementById('hrefMasEnviadas');
    var hrefMasComentadas = document.getElementById('hrefMasComentadas');
    hrefMasLeidas.className = 'masleidas';
    hrefMasEnviadas.className = 'masenviadas';
    hrefMasComentadas.className = 'mascomentadassel';
    
    var schema = {
	rowtag: "item",
	columns: [
	    { tagname: "title"},
	    { tagname: "link"}
	]
    };
    
    //xmldoc = loadXMLDoc("../../v8.0/test/mascomentado.xml");
    xmldoc = loadXMLDoc("http://www.jornada.unam.mx/v8.0/xml/mascomentado.xml");
    makeList(xmldoc, schema, "divLasMasList");
    
}

function makeList(xmldoc, schema, element) { 
    var ul = document.createElement("ul");    
    ul.setAttribute('id', 'ulLasMasList');
    var xmllists = xmldoc.getElementsByTagName(schema.rowtag); 
    var count = 0;
    for ( var l = 0; l < xmllists.length; l++ ) {
	var xmllist = xmllists[l];
        count = count + 1;
        if (count < 6) {        
	    for ( var c = 0; c < schema.columns.length; c++ ) {
		var sc = schema.columns[c];
		var tagname = (typeof sc == "string") ? sc:sc.tagname;
		var li = document.createElement("li");
		var objLink = document.createElement("a");
		var href = document.createAttribute('href');
		var xmllink = xmllist.getElementsByTagName("link")[0];
		var ahreflink = xmllink.firstChild.data;
		var xmltitle = xmllist.getElementsByTagName("title")[0];
		var ahreftitle = xmltitle.firstChild.data;
		objLink.setAttribute('href', ahreflink);
		ahrefText = document.createTextNode(ahreftitle);
		objLink.appendChild(ahrefText); 
		li.appendChild(objLink);
	    }
        }
	
        ul.appendChild(li);
        if (typeof element == "string")
	    element = document.getElementById(element);
	element.appendChild(ul);        
    } 
}
// END LAS MAS //
// PORTADITA //
function SetOpacity(object,opacityPct)
{
    // IE.
    object.style.filter = 'alpha(opacity=' + opacityPct + ')';
    // Old mozilla and firefox
    object.style.MozOpacity = opacityPct/100;
    // Everything else.
    object.style.opacity = opacityPct/100;
}
function ChangeOpacity(id,msDuration,msStart,fromO,toO)
{
    var element=document.getElementById(id);
    var opacity = element.style.opacity * 100;
    var msNow = (new Date()).getTime();
    opacity = fromO + (toO - fromO) * (msNow - msStart) / msDuration;
    if (opacity<0) 
	SetOpacity(element,0)
    else if (opacity>100)
	SetOpacity(element,100)
    else
    {
	SetOpacity(element,opacity);
	element.timer = window.setTimeout("ChangeOpacity('" + id + "'," + msDuration + "," + msStart + "," + fromO + "," + toO + ")",1);
    }
}
function FadeIn(id)
{
    var element=document.getElementById(id);
    if (element.timer) window.clearTimeout(element.timer); 
    var startMS = (new Date()).getTime();
    element.timer = window.setTimeout("ChangeOpacity('" + id + "',7000," + startMS + ",0,100)",1);
}
function FadeOut(id)
{
    var element=document.getElementById(id);
    if (element.timer) window.clearTimeout(element.timer); 
    var startMS = (new Date()).getTime();
    element.timer = window.setTimeout("ChangeOpacity('" + id + "',7000," + startMS + ",100,0)",1);
}
function FadeInImage(foregroundID,newImage,backgroundID)
{
    var foreground=document.getElementById(foregroundID);
    if (backgroundID)
    {
	var background=document.getElementById(backgroundID);
	if (background)
	{
	    background.style.backgroundImage = '';
	    background.style.backgroundRepeat = '';
	}
    }
    SetOpacity(foreground,0);
    foreground.src = newImage;
    if (foreground.timer) window.clearTimeout(foreground.timer); 
    var startMS = (new Date()).getTime();
    foreground.timer = window.setTimeout("ChangeOpacity('" + foregroundID + "',7000," + startMS + ",0,100)",10);
    
    var imageportadita = document.getElementById('portadita-img');
    var linkright = document.getElementById('imgright');
    var linkleft = document.getElementById('imgleft');
    var portaditalab = document.getElementById('portaditalab');
    var hrefpdf = document.getElementById('hrefpdf');
    
    if (imageportadita.src == 'http://www.jornada.unam.mx/data/utils/portadas.php?imagen=planitas/contraportadita.jpg') {
	linkright.onclick = function(){FadeInImage('portadita-img','http://www.jornada.unam.mx/data/utils/portadas.php?imagen=planitas/enmedito.jpg','portaditabackgrounddiv')}
	linkleft.onclick = function(){FadeInImage('portadita-img','http://www.jornada.unam.mx/data/utils/portadas.php?imagen=planitas/portadita.jpg','portaditabackgrounddiv')}
	portaditalab.innerHTML = 'Contraportada';
	hrefpdf.href = 'http://www.jornada.unam.mx/data/utils/portadas.php?imagen=contraportada.pdf';
	imageportadita.title = 'Ver la contraportada en PDF';
	imageportadita.alt = 'Ver la contraportada en PDF';
	
    } else if (imageportadita.src == 'http://www.jornada.unam.mx/data/utils/portadas.php?imagen=planitas/enmedito.jpg') {
	
        linkright.onclick = function(){FadeInImage('portadita-img','http://www.jornada.unam.mx/data/utils/portadas.php?imagen=planitas/portadita.jpg','portaditabackgrounddiv')}
	linkleft.onclick = function(){FadeInImage('portadita-img','http://www.jornada.unam.mx/data/utils/portadas.php?imagen=planitas/contraportadita.jpg','portaditabackgrounddiv')}
	portaditalab.innerHTML = 'La jornada de enmedio';
	hrefpdf.href = 'http://www.jornada.unam.mx/data/utils/portadas.php?imagen=enmedio.pdf';
	imageportadita.title = 'Ver la Jornada de enmedio en PDF';
	imageportadita.alt = 'Ver la Jornada de enmedio en PDF';
	
    } else if (imageportadita.src == 'http://www.jornada.unam.mx/data/utils/portadas.php?imagen=planitas/portadita.jpg') {
	
        linkright.onclick = function(){FadeInImage('portadita-img','http://www.jornada.unam.mx/data/utils/portadas.php?imagen=planitas/contraportadita.jpg','portaditabackgrounddiv')}
	linkleft.onclick = function(){FadeInImage('portadita-img','http://www.jornada.unam.mx/data/utils/portadas.php?imagen=planitas/enmedito.jpg','portaditabackgrounddiv')}
	portaditalab.innerHTML = 'Portada';
	hrefpdf.href = 'http://www.jornada.unam.mx/data/utils/portadas.php?imagen=portada.pdf';
	imageportadita.title = 'Ver la portada en PDF';
	imageportadita.alt = 'Ver la portada en PDF';
	
    }    
    
}
// END PORTADITA //

function showMoreOpinion() {
    var restList = document.getElementById('moreOpinion');
    restList.style.display = '';
    var linkMoreOpinion = document.getElementById('linkMoreOpinion');
    linkMoreOpinion.style.display = 'none';
    var mainOpinion = document.getElementById('frameOpinion');
    mainOpinion.style.height = '570px';
}

function showOpinion() {
    var tdOpinion = document.getElementById('idTdOpinion');
    tdOpinion.style.display = '';
    var tdColumnas = document.getElementById('idTdColumnas');
    tdColumnas.style.display = 'none';
    document.getElementById('idAOpinion').style.backgroundColor = '#F32C24';
    document.getElementById('idAColumnas').style.backgroundColor = '#A2A2A2';
}

function showColumnas() {
    var tdColumnas = document.getElementById('idTdColumnas');
    tdColumnas.style.display = '';
    var tdOpinion = document.getElementById('idTdOpinion');
    tdOpinion.style.display = 'none';
    document.getElementById('idAColumnas').style.backgroundColor = '#F2F2F2';
    document.getElementById('idAOpinion').style.backgroundColor = '#A32C24';
}

// Mas Comentadas //
function showComentadas()
{
    var schema = {
	rowtag: "item",
	columns: [
	    { tagname: "title"},
	    { tagname: "link"}
	]
    };    

    xmldoc = loadXMLDoc("http://www.jornada.unam.mx/data/mascomentadasu.xml");    
    makeListMas(xmldoc, schema, "divLasMasComentadasU");
    
}

function makeListMas(xmldoc, schema, element) {
    var div = document.createElement("div");
    div.setAttribute('class', 'sectiontitle mas');
    titleSection = document.createTextNode("Más comentadas");
    div.appendChild(titleSection);

    var ul = document.createElement("ul");    
    ul.setAttribute('class', 'itemsmas');
    var xmllists = xmldoc.getElementsByTagName(schema.rowtag);    
    var count = 0;
    for ( var l = 0; l < xmllists.length; l++ ) {
	var xmllist = xmllists[l];
        count = count + 1;
        if (count < 5) {
	    for ( var c = 0; c < schema.columns.length; c++ ) {
		var sc = schema.columns[c];
		var tagname = (typeof sc == "string") ? sc:sc.tagname;
		var li = document.createElement("li");
		li.setAttribute('class', 'section list');
		var objLink = document.createElement("a");
		objLink.setAttribute('class', 'summary');
		var href = document.createAttribute('href');
		var xmllink = xmllist.getElementsByTagName("link")[0];
		var ahreflink = xmllink.firstChild.data;
		var xmltitle = xmllist.getElementsByTagName("title")[0];
		var ahreftitle = xmltitle.firstChild.data;             
		objLink.setAttribute('href', ahreflink);
		ahrefText = document.createTextNode(ahreftitle);
		objLink.appendChild(ahrefText); 
		li.appendChild(objLink);
	    }
        }
	
        ul.appendChild(li);
        if (typeof element == "string")
	    element = document.getElementById(element);
	element.appendChild(div);
	element.appendChild(ul);
    } 
}



window.onload=function() {
    showMasLeidas('false');    
    parseIndEco('http://www.jornada.unam.mx/v8.0/xml/dollar.rss');
    if (LOADMASCOMENTADAS)
	showComentadas();
    getExplorer();
    checkUrl();
}

