dojo.require("dojo.fx");
var fadeOut;
var fadeIn;
var currentAnimation;
var activeNode = 1 ;

function doAnimationLeft()
{
    //alert(activeNode);
    if (activeNode == 1) {
         fadeOut = dojo.fadeOut({node: "slide-item1",duration: 200});
         fadeIn = dojo.fadeIn({node: "slide-item5",duration: 200});
         activeNode = 5;
         dojo.style("slide-item1", "zIndex", 1)
         dojo.style("slide-item5", "zIndex", 50)
    }
    else if (activeNode == 2) {
         fadeOut = dojo.fadeOut({node: "slide-item2",duration: 200});
         fadeIn  = dojo.fadeIn({node: "slide-item1",duration: 200});
         activeNode = 1;
         dojo.style("slide-item2", "zIndex", 1)
         dojo.style("slide-item1", "zIndex", 51)
    }
    else if (activeNode == 3) {
         fadeOut = dojo.fadeOut({node: "slide-item3",duration: 200});
         fadeIn = dojo.fadeIn({node: "slide-item2",duration: 200});
         activeNode = 2;
         dojo.style("slide-item3", "zIndex", 1)
         dojo.style("slide-item2", "zIndex", 52)
    }
    else if (activeNode == 4) {
         fadeOut = dojo.fadeOut({node: "slide-item4",duration: 200});
         fadeIn = dojo.fadeIn({node: "slide-item3",duration: 200});
         activeNode = 3;
         dojo.style("slide-item4", "zIndex", 1)
         dojo.style("slide-item3", "zIndex", 52)
    }
    else if (activeNode == 5) {
         fadeOut = dojo.fadeOut({node: "slide-item5",duration: 200});
         fadeIn = dojo.fadeIn({node: "slide-item4",duration: 200});
         activeNode = 4;
         dojo.style("slide-item5", "zIndex", 1)
         dojo.style("slide-item4", "zIndex", 52)
    }
    currentAnimation = dojo.fx.chain([fadeOut, fadeIn]);
    currentAnimation.play();
}

function doAnimationRight()
{

    if (activeNode == 1) {
         fadeOut = dojo.fadeOut({node: "slide-item1",duration: 200});
         fadeIn = dojo.fadeIn({node: "slide-item2",duration: 200});
         dojo.style("slide-item1", "zIndex", 1);
         dojo.style("slide-item2", "zIndex", 50);
         activeNode = 2;
    }
    else if (activeNode == 2) {
         fadeOut = dojo.fadeOut({node: "slide-item2",duration: 200});
         fadeIn = dojo.fadeIn({node: "slide-item3",duration: 200});
         dojo.style("slide-item2", "zIndex", 1);
         dojo.style("slide-item3", "zIndex", 50);
         activeNode = 3;
    }
    else if (activeNode == 3) {
         fadeOut = dojo.fadeOut({node: "slide-item3",duration: 200});
         fadeIn = dojo.fadeIn({node: "slide-item4",duration: 200});
         dojo.style("slide-item3", "zIndex", 1);
         dojo.style("slide-item4", "zIndex", 50);
         activeNode = 4;
    }
    else if (activeNode == 4) {
         fadeOut = dojo.fadeOut({node: "slide-item4",duration: 200});
         fadeIn = dojo.fadeIn({node: "slide-item5",duration: 200});
         dojo.style("slide-item4", "zIndex", 1);
         dojo.style("slide-item5", "zIndex", 50);
         activeNode = 5;
    }
    else if (activeNode == 5) {
         fadeOut = dojo.fadeOut({node: "slide-item5",duration: 200});
         fadeIn = dojo.fadeIn({node: "slide-item1",duration: 200});
         dojo.style("slide-item5", "zIndex", 1);
         dojo.style("slide-item1", "zIndex", 50);
         activeNode = 1;
    }
    currentAnimation = dojo.fx.chain([fadeOut, fadeIn]);
    currentAnimation.play();

}

dojo.addOnLoad(function() {
    startHidden1 =  dojo.fadeOut({node: "slide-item2",duration: 1});
    startHidden2 =  dojo.fadeOut({node: "slide-item3",duration: 1});
    startHidden3 =  dojo.fadeOut({node: "slide-item4",duration: 1});
    startHidden4 =  dojo.fadeOut({node: "slide-item5",duration: 1});
    dojo.style("slide-item1", "zIndex", 51)
    dojo.style("slide-item2", "zIndex", 1)
    dojo.style("slide-item3", "zIndex", 1)
    dojo.style("slide-item4", "zIndex", 1)
    dojo.style("slide-item5", "zIndex", 1)

    dojo.fx.chain([startHidden1, startHidden2, startHidden3, startHidden4]).play();
});