var ContentHeight = 0;//Tamaño final de apertura
var TimeToSlide = 250.0;//Duración de la aminación apertura/cierre

var openAccordion = '';

function runAccordion(index){
    
    var nID = "Accordion" + index + "Content";
    
    if(openAccordion == nID){
        nID = '';
    }
    
    setTimeout("animate("+ new Date().getTime() + "," + TimeToSlide + ",'"+ openAccordion + "','" + nID + "')", 33);
    
    openAccordion = nID;
}

function runAccordionMedia(index){
    
    var nID = "Accordion" + index + "Content";
    
    if(openAccordion == nID){
        nID = '';
    }
    
    setTimeout("animateMedia("+ new Date().getTime() + "," + TimeToSlide + ",'"+ openAccordion + "','" + nID + "')", 33);
    
    openAccordion = nID;
}

function animateMedia(lastTick, timeLeft, closingId, openingId){
    
    var curTick = new Date().getTime();
    var elapsedTicks = curTick - lastTick;
    
    var opening = (openingId == '') ? 
    null : document.getElementById(openingId);
    var closing = (closingId == '') ? 
    null : document.getElementById(closingId);
    
    if(timeLeft <= elapsedTicks){
        
        if(opening != null){
            opening.style.height = ContentHeight + 'px';
        }
        
        if(closing != null){
            closing.style.display = 'none';
            closing.style.height = '0px';
        }
        return;
    }
    
    timeLeft -= elapsedTicks;
    
    var newClosedHeight = Math.round((timeLeft/TimeToSlide) * ContentHeight);
    
    if(opening != null){
        
        if(opening.style.display != 'block'){
            opening.style.display = 'block';
        }
        opening.style.height = (ContentHeight - newClosedHeight) + 'px';
    }
    
    if(closing != null){
        closing.style.height = newClosedHeight + 'px';
    }
    
    setTimeout("animateMedia(" + curTick + "," + timeLeft + ",'" + closingId + "','" + openingId + "')", 33);
}

function animate(lastTick, timeLeft, closingId, openingId){
    //Funcionalidad añadida para control de BreadCrumb en seccion CONMEBOL
    if(openingId=='Accordion1Content'){
        document.getElementById("bcDinamico").childNodes[0].firstChild.nodeValue = "- Acerca de Conmebol";
        ContentHeight = 190;//Tamaño final de apertura
    }else if(openingId=='Accordion7Content'){
    document.getElementById("bcDinamico").childNodes[0].firstChild.nodeValue = "- Futsal";
    ContentHeight = 53;//Tamaño final de apertura
}
else if(openingId=='Accordion8Content'){
    document.getElementById("bcDinamico").childNodes[0].firstChild.nodeValue = "- Futbol Femenino";
    ContentHeight = 53;//Tamaño final de apertura
}
else if(openingId=='Accordion9Content'){
    document.getElementById("bcDinamico").childNodes[0].firstChild.nodeValue = "- Futbol Playa";
    ContentHeight = 53;//Tamaño final de apertura
}
//------>

if(openingId!='Accordion1Content' && openingId!='Accordion7Content' && openingId!='Accordion8Content' && openingId!='Accordion9Content'){
    openingId='';
}

var curTick = new Date().getTime();
var elapsedTicks = curTick - lastTick;

var opening = (openingId == '') ? 
null : document.getElementById(openingId);
var closing = (closingId == '') ? 
null : document.getElementById(closingId);

if(timeLeft <= elapsedTicks){
    
    if(opening != null){
        opening.style.height = ContentHeight + 'px';
    }
    
    if(closing != null){
        closing.style.display = 'none';
        closing.style.height = '0px';
    }
    return;
}

timeLeft -= elapsedTicks;

var newClosedHeight = Math.round((timeLeft/TimeToSlide) * ContentHeight);

if(opening != null){
    
    if(opening.style.display != 'block'){
        opening.style.display = 'block';
    }
    opening.style.height = (ContentHeight - newClosedHeight) + 'px';
}

if(closing != null){
    closing.style.height = newClosedHeight + 'px';
}

setTimeout("animate(" + curTick + "," + timeLeft + ",'" + closingId + "','" + openingId + "')", 33);
}

function swapColor(tagId){
    
    var elem = document.getElementById(tagId);
    var tagnum = tagId.substring(2);
    if(tagId=='lv1'){
        if(elem.style.color=='#cccccc'){
            elem.style.color='#ffffff';
        }else if(elem.style.color=='#ffffff'){
        elem.style.color='#cccccc';
    }
}else{
if(elem.style.color=='#cccccc'){
    elem.style.color='#ffffff';
}
}
for (i=1;i<=8;i++){
    if(tagId!="lv"+i){
        document.getElementById("lv"+i).style.color="#cccccc";
    }
    if(i < 8){
        document.getElementById("slv"+i).className="menu_left_second";
    }
}
return false;
}

function swapColorMedia(tagId){
    
    var elem = document.getElementById(tagId);
    var tagnum = tagId.substring(2);
    if(tagId=='lv1'){
        if(elem.style.color=='#cccccc'){
            elem.style.color='#ffffff';
        }else if(elem.style.color=='#ffffff'){
        elem.style.color='#cccccc';
    }
}else{
    if(elem.style.color=='#cccccc'){
        elem.style.color='#ffffff';
    }
}
for (i=1;i<=2;i++){
    if(tagId!="lv"+i){
        document.getElementById("lv"+i).style.color="#cccccc";
    }
    
}
return false;
}

function swapClass(tagId){
    var classelem = document.getElementById(tagId);
    var tagnum = tagId.substring(3);
    
    if(classelem.className=='menu_left_second'){
        classelem.className='menu_left_second_selected';
    }
    for (i=1;i<=7;i++){
       if(tagId!="slv"+i){
        document.getElementById("slv"+i).className='menu_left_second';
      }
  }
    
    
    for (i=1;i<=2;i++){
        if(tagId!="slv"+i){
            document.getElementById("slv"+i).className='menu_left_second';
        }
    }
    return false;
}

function swapClassMedia(tagId){
    var classelem = document.getElementById(tagId);
    var tagnum = tagId.substring(3);
    
    if(classelem.className=='menu_left_second'){
        classelem.className='menu_left_second_selected';
    }

    return false;
}