/*dojo.addOnLoad(change);

var changeThreshold = 3000;
var changeDuration  = 1500;
var bannerImgs      = null;
var currentImg      = -1;
*/
/**
 *
 *
 *
function change()
{
    bannerImgs      = dojo.query('#Banner img');
    if (bannerImgs != null) {
        currentImg      = bannerImgs.length-1;
    }
    setTimeout("_change()", changeThreshold);
}

/**
 *
 *
 *
function _change()
{
    if (bannerImgs != null && currentImg > -1) {
        
        var nodes = new Array();
        nodes.push(bannerImgs[currentImg]);

        if (currentImg > 0) {
            nodes.push(bannerImgs[--currentImg]);
        } else {
            currentImg = bannerImgs.length-1;
            nodes.push(bannerImgs[currentImg]);
        }
        
        //var top = dojo.style(nodes[0], "top");
        //var sl1           = dojo.fx.slideTo({node: nodes[1], duration: changeDuration, left: 1004, top: top});
        //var sl2           = dojo.fx.slideTo({node: nodes[0], duration: changeDuration, left: 0, top: top});
        //var anim = dojox.fx.combine([sl1, sl2]);
        
        var anim = dojox.fx.crossFade({nodes: nodes, duration: changeDuration});
        if (anim != false) {
            anim.onEnd = function()
            {
                //dojo.style(nodes[1], "left", "-1004px");
                setTimeout("_change()", changeThreshold);
            };
            anim.play();
        }
    }
}
*/

var duration = 750;
var buttonTop      = -231;
var buttonEasing   = dojo.fx.easing.quadInOut;
var buttonLeftPlus = dojo.isIE<7?-12:0;

/**
 *
 *
 */
function wipeOutBanner()
{
    var top      = 76;

    var banner        = dojo.query('#Banner')[0];
    var bannerWipe    = dojo.fx.wipeOut({node: banner, duration: duration});
    
    var box           = dojo.query('#BoxPanel')[0];
    var boxSlide      = dojo.fx.slideTo({node: box, duration: duration, top: top});    
    var menu          = dojo.query('#MenuPanel')[0];
    var menuSlide     = dojo.fx.slideTo({node: menu, duration: duration, top: top});
    var content       = dojo.query('#ContentPanelset')[0];
    var contentSlide  = dojo.fx.slideTo({node: content, duration: duration, top: top});
    
    var anims = new Array();
    anims.push(bannerWipe);
    anims.push(boxSlide);
    anims.push(menuSlide);
    anims.push(contentSlide);
    return anims;
}

function slideDE()
{
    slide("DE", 0, 219, "/skins/System/shared/controls/PCountryPane/GERMANY_1.png");
}

function slideUK()
{
    slide("UK", 77, 334, "/skins/System/shared/controls/PCountryPane/UNITEDKINGDOM_1.png");
}

function slideFR()
{
    slide("FR", 154, 449, "/skins/System/shared/controls/PCountryPane/FRANCE_1.png");
}

function slideCH()
{    
    slide("CH", 231, 564, "/skins/System/shared/controls/PCountryPane/SWITZERLAND_1.png");
}

function slide(name, top, left, source)
{
    var img = new Image();
    img.src = source;
    
    var anim = wipeOutBanner();
    var query = "[name='" + name + "']";
    var box = dojo.query(query)[0];
    var image = dojo.query(query + ' img')[0];
    dojo.style(box, "position", "absolute");
    dojo.style(box, "top", top + "px");
    
    if (dojo.isIE>6 || (dojo.isIE != 6 && !dojo.isMozilla))
    {
        dojo.style(box, "left", "12px");
    }
    
    var slide   = dojo.fx.slideTo({node: box, duration: duration, easing: buttonEasing, top: buttonTop, left: left+buttonLeftPlus});
    var smaller = dojox.fx.animateProperty({
      node:  image, duration: duration/4,
      properties: {width: { start: 163, end: 116 }}
    });
    smaller.onEnd = function() {
        image.src = source;
    }

    anim.push(slide);
    anim.push(smaller);
    dojo.addOnUnload(function() {
        dojo.fx.combine(anim).play();
    });
}