﻿/***** Manejo de estilos *****/
function ChangeStyle(divID, divContainer, NormalStyle, OverStyle) {

    var divListContainer = document.getElementById(divContainer);
    var i;
    for (i = 0; i < divListContainer.childNodes.length; i++) {
        divListContainer.childNodes[i].className = NormalStyle;
    }

    var div = document.getElementById(divID);

    if (div != null)
        div.className = OverStyle;
    else
        divID.className = OverStyle;
}

var selectedElement;
var selectedStyle;

function CambiaEstilo(liID, style) {

    //REGRESAMOS EL ELEMENTO SELECCIONADO A SU ESTADO NORMAL
    if (selectedElement != null && selectedStyle != null)
        selectedElement.className = selectedStyle;

    var li = document.getElementById(liID);

    if (li != null) {
        
        
        //MARCAMOS EL ELEMENTO COMO SELECCIONADO Y GUARDAMOS SU ESTILO PREVIO
        selectedElement = li;
        selectedStyle = li.className;

        //ASIGNAMOS EL NUEVO ESTILO
        li.className = style;
    }
    else {


        //MARCAMOS EL ELEMENTO COMO SELECCIONADO Y GUARDAMOS SU ESTILO PREVIO
        selectedElement = liID;
        selectedStyle = liID.className;

        //ASIGNAMOS EL NUEVO ESTILO
        liID.className = style;
    }
}


function SetFirstElement(divID, style) {

    var div = document.getElementById(divID);

    if (div.childNodes[0].nodeType == 1) 
    {
        selectedElement = div.childNodes[0];
        selectedStyle = selectedElement.className;
        div.childNodes[0].className = style;
    }
    else if (div.childNodes[1].nodeType == 1) 
    {
        selectedElement = div.childNodes[1];
        selectedStyle = selectedElement.className;
        div.childNodes[1].className = style;
    }
}

function SetMouseOverItem(imageURL, imageID, divDescriptionID, txtDescription) {
    var image = document.getElementById(imageID);
    image.src = imageURL;

    var divDescription = document.getElementById(divDescriptionID);
    divDescription.innerHTML = txtDescription;

}
/******************************/