var currentContent = "homeContent";
var currentSubContent = "";
var currentImage = 1;
function showContent(content) {
    if(content == "homeContent" || content == "aboutContent" || content == "contactContent" || content == "imprintContent") {
        hideSubMenu();
        hideSubContent();
    }
    if(content != currentContent) {
        new Effect.Parallel( [
            new Effect.Fade(currentContent, {
                sync: true
            }),
            new Effect.Appear(content, {
                sync: true
            })
        ], {
            duration :0.5,
            delay :0.0,
            queue: {position: 'end', scope: 'content'}
        }
    )

        currentContent = content;
    }
    
}

function showSubContent(content) {
    if(currentContent != "portfolioContent") {
        new Effect.Parallel( [
            new Effect.Fade(currentContent, {
                sync: true
            }),
            new Effect.Appear("portfolioContent", {
                sync: true
            })
        ], {
            duration :0.5,
            delay :0.0,
            queue: {position: 'end', scope: 'subContent'}
            }
        )

      
    } else {
        
        
    }
    currentContent = "portfolioContent";
    if(content != currentSubContent) {

        if(currentSubContent != "") {
            
            new Effect.Parallel( [
                new Effect.Fade(currentSubContent, {
                    sync: true
                }),
                 new Effect.Appear(content, {
                    sync: true
                })
                ], {
                    duration :0.5,
                    delay :0.0,
                    queue: {position: 'end', scope: 'subContent'}
                }
            )


        } else {
            
            new Effect.Appear(content, {
            duration: 0.5
        });
        //,queue: {position: 'end', scope: 'subContent'}
        }
        
        currentSubContent = content;

        //window.setTimeout("CSBfleXcroll('"+currentSubContent+"_inner')", 2000);
        
    }
}
function hideSubContent() {
    new Effect.Parallel( [
            new Effect.Fade($('art'), {
            sync: true
        }),
        new Effect.Fade($('productVisualization'), {
            sync: true
        }),
        new Effect.Fade($('animation'), {
            sync: true
        }),
        new Effect.Fade($('interior'), {
            sync: true
        })
        ], {
            duration :0.5,
            delay :0.0, 
            queue: {position: 'end', scope: 'subContent'}
        }
    )


}
/*
function test(content) {
    if(content != currentContent) {
        alert(currentContent);
        alert(content);
        new Effect.Fade(currentContent);
        new Effect.Appear(content);
    }
}
*/
function startAnimation() {
    
    window.setTimeout("moveHeader()", 1000);
    window.setTimeout("showMainContent()", 1700);

    window.setTimeout("imageRotate()", 10000);

    

}


function moveHeader() {
    new Effect.Morph('header', {
        style: 'top: 45px;',
        duration: 1.0
    });
}

function showMainContent() {
    new Effect.Appear('mainContent', {
        duration: 1.0
    });
}

function imageRotate() {
    if(currentImage == 5) {
        var newImage = 1;
    } else {
        var newImage = currentImage + 1;
    }

    new Effect.Fade('homeImage' + currentImage, {
        duration: 2.0
    });
    new Effect.Appear('homeImage' + newImage, {
        duration: 2.0
    });
    currentImage = newImage;
    window.setTimeout('imageRotate()', 6000);
}


function toggleUnderline(id) {
    var element = $("underline_" + id);

    if(element.style.display == "none") {
        element.style.display = "block";
    } else {
        element.style.display = "none";
    }
}

function showSubMenu() {
    new Effect.Appear($('subMenuContent'), {
        duration: 0.5
    });
}

function hideSubMenu() {
    new Effect.Fade($('subMenuContent'), {
        duration: 0.5
    });
}