var headerImages = new Array();
var currentImage = 0;

function MenuOver(elem)
{
    if(elem != null)
    {
        elem.src = elem.src.replace(/_reg./, '_over.');
    }
}

function MenuOut(elem)
{
    if(elem != null)
    {
        elem.src = elem.src.replace(/_over./, '_reg.');
    }
}

function Init()
{
    Effect.Fade('menu', { duration: '0.1', from: '1.0', to: '0.7' })
                
    for(var i = 0; i < 11; i++)
    {
        var img = Builder.node('img', { src: 'Data/Image/header_image_' + i + '.jpg', id: 'headerpic' + i, style: 'display:none' });
        headerImages.push(img);
    }
    
    window.setInterval(ChangeHeader, 5000);
}

function ChangeHeader()
{        
    if(currentImage < 10)
    {
        var newImg = headerImages[currentImage + 1];
    }
    else
    {
        var newImg = headerImages[0];
    }
    $('header').appendChild(newImg);
    Effect.Appear(newImg);
    
    window.setTimeout(RemoveHeaderPic, 1000);
    
    if(currentImage < 10)
    {
        currentImage++;
    }
    else
    {
        currentImage = 0;
    }
}

function RemoveHeaderPic()
{
    if(currentImage == 0)
    {
        var oldImgNo = 10;
    }
    else
    {
        var oldImgNo = currentImage - 1
    }
    
    var oldImg = $('headerpic' + oldImgNo);
    
    oldImg.style.display = 'none';
    oldImg.parentNode.removeChild(oldImg);
}

function FitContentAreaToScreen()
{
    
}