function Fade(Id, Val, To)
{                
    var Elm = document.getElementById(Id);
    if ((Val == 0) && (To > 0))            
        Elm.style.display = 'block';
    Val += 5 * To;
        
    if (navigator.appName.indexOf("Microsoft") != -1)
        Elm.style.filter = 'alpha(opacity='+Val+')';
    else if (Elm.style.MozOpacity)
        Elm.style.MozOpacity = (Val / 100);
    else Elm.style.opacity = (Val / 100);
        
    if ((Val > 0) && (Val < 100))
        setTimeout('Fade(\''+Id+'\', '+Val+', '+To+')', 20);    
    else if (Val == 0)
        Elm.style.display = 'none';
} 

/*
 * Lngs
 */ 
var LngsOnA = false;
var LngsHideIdx = 0;

function LngsHideOk(pIdx)
{
    if ((LngsOnA) && (pIdx == LngsHideIdx))
    {
        LngsOnA = false;
        Fade('lngldiv', 100, -1);
    }    
}

function LngsHide()
{             
    if (LngsOnA)
    {
        LngsHideIdx++;
        setTimeout('LngsHideOk('+LngsHideIdx+')', 4000);
    }
}

function LngsShow()
{     
    if (!LngsOnA)  
        Fade('lngldiv', 0, 1);
    LngsOnA = true;
    LngsHideIdx = -1;
}

/*
 * ANIMACIA
 */  

var Vdn_Anim_imgs = new Array();
var Vdn_Anim_del = 8000;

function Vdn_Anim_start(ArrId)
{    
    for (var i = 0; i < ArrId.length; i++)
    {
        Vdn_Anim_imgs[i] = new Image;
        Vdn_Anim_imgs[i].src = ArrId[i];  
    }
    
    var Res = '<img src="'+Vdn_Anim_imgs[0].src+'" alt="" id="Vdn_Anim_img1" style="position : absolute;" />';
    Res += '<img src="'+Vdn_Anim_imgs[0].src+'" alt="" id="Vdn_Anim_img2" />';
    
    document.write(Res);
   
    setTimeout('Vdn_Anim_loop(1)', Vdn_Anim_del);
}

function Vdn_Anim_loop(Image)
{     
    var Elm1 = document.getElementById('Vdn_Anim_img1');
    var Elm2 = document.getElementById('Vdn_Anim_img2');
    Elm2.src = Elm1.src;    
    Elm1.src = Vdn_Anim_imgs[Image].src;
    Fade('Vdn_Anim_img1', 0, 1)      
    Image++; if (Image > Vdn_Anim_imgs.length) Image = 0;
    setTimeout('Vdn_Anim_loop('+Image+')', Vdn_Anim_del);
}

/*
 * Tab
 */ 
var TabSel = 0;

function TabInit(Cnt)
{
    document.getElementById('tab').style.display = 'block';
    for (var i = 1; i <= Cnt; i++)
    {
        document.getElementById('tabcpt'+i).style.display = 'none';
        document.getElementById('tabdta'+i).style.display = 'none';
    }
    
    TabOpen(1);
}

function TabOpen(Id)
{
    if (document.getElementById('tab' + TabSel))
    {
        document.getElementById('tab' + TabSel).className = '';  
        document.getElementById('tabdta' + TabSel).style.display = 'none';
    }
    
    TabSel = Id;                                                    
    document.getElementById('tab' + TabSel).className = 'sel';      
    document.getElementById('tabdta' + TabSel).style.display = 'block';
    Fade('tabdta' + TabSel, 0, 1);
}