var showitemindexHeading;
var showitemindexExperience;

var items_countHeading;
var items_countExperience;

document.observe("dom:loaded", function()
{
    items_countHeading = $('Headings').childElements().size();
    items_countExperience = $('Experiences').childElements().size();
    InitializeHeadings(items_countHeading);
    InitializeExperiences(items_countExperience);
});


function showItemHeading(items_count) 
{
    var hideitemindex;
    if(showitemindexHeading != 0)
        {hideitemindex = showitemindexHeading - 1;}
    else
        {hideitemindex = items_count-1;}
    $('itemHeading'+hideitemindex).hide();//new Effect.Fade(('item'+hideitemindex), {duration: 0.8});
    $('itemHeading'+hideitemindex).writeAttribute({hidden: 'true', queue: {scope :'animated'}});
    $('itemHeading'+showitemindexHeading).show();//new Effect.Appear(('item'+showitemindex), {duration: 0.8, offset: 0.4});
    $('itemHeading'+showitemindexHeading).writeAttribute({hidden: 'false', queue: {scope :'animated'}});
    if(showitemindexHeading <items_count-1)
        {showitemindexHeading++;}
    else
        {showitemindexHeading = 0;}
}

function showItemExperience(items_count) 
{
    var hideitemindexExperience;
    if(showitemindexExperience != 0)
        {hideitemindexExperience = showitemindexExperience - 1;}
    else
        {hideitemindexExperience = items_count-1;}
    $('itemExperience'+hideitemindexExperience).hide();//new Effect.Fade(('item'+hideitemindex), {duration: 0.8});
    $('itemExperience'+hideitemindexExperience).writeAttribute({hidden: 'true', queue: {scope :'animated'}});
    $('itemExperience'+showitemindexExperience).show();//new Effect.Appear(('item'+showitemindex), {duration: 0.8, offset: 0.4});
    $('itemExperience'+showitemindexExperience).writeAttribute({hidden: 'false', queue: {scope :'animated'}});
    if(showitemindexExperience <items_count-1)
        {showitemindexExperience++;}
    else
        {showitemindexExperience = 0;}
}


function InitializeHeadings(items_count)
{
    if($('itemHeading0'))
    {
        $('itemHeading0').show();
        if (items_count > 1)
        {
            showitemindex = 1;        
            new PeriodicalExecuter(function () {showItem(items_count);}, 5);
        }
    }
}

function InitializeExperiences(items_count)
{
    if($('itemExperience0'))
    {
        $('itemExperience0').show();
        if (items_count > 1)
        {
            showitemindexExperience = 1;        
            new PeriodicalExecuter(function () {showItemExperience(items_count);}, 3);
        }
    }
}