var control;
var main;
var animLoop;

function mainCanvasLoaded(s)
{
    control = s.getHost();     
    main=s.findName("canvasMain");
    var anim1 = main.findName("animacion1");    
    anim1.addEventListener("completed", attachEvents);
    anim1.begin();
    
    
    animLoop = main.findName("animacion2");    
    animLoop.begin();
    animLoop.addEventListener("completed", restartAnim);
}
function restartAnim()
{
    animLoop.begin();
}
function rollOver1()
{
    main.findName('rollover1').begin();
}
function rollOver2()
{
    main.findName('rollover2').begin();
}
function rollOut1()
{
    main.findName('rollout1').begin();
}
function rollOut2()
{
    main.findName('rollout2').begin();
}
function navigate()
{
    location.href = 'default.aspx';
}
function attachEvents()
{
    var bot = main.findName('btn2');
    bot.addEventListener("MouseEnter", rollOver2);
    bot.addEventListener("MouseLeave", rollOut2);
    bot.addEventListener("MouseLeftButtonUp", navigate);
}