/**
 * @author MansonPlus
 */

var loader = new YAHOO.util.YUILoader({
    base: "",
    require: ["animation", "dom", "event"],
    loadOptional: false,
    combine: true,
    filter: "MIN",
    allowRollup: true,
    onSuccess: function(){
        //you can make use of all requested YUI modules 
        //here. 
        YAHOO.util.Event.on('imgAutos', 'mouseover', function(){
            animacion1("1");
        });
		YAHOO.util.Event.on('imgAutos', 'mouseout', function(){
            animacion2("1");
        });
		YAHOO.util.Event.on('imgCatalogos', 'mouseover', function(){
            animacion1("2");
        });
		YAHOO.util.Event.on('imgCatalogos', 'mouseout', function(){
            animacion2("2");
        });
		YAHOO.util.Event.on('imgCasas', 'mouseover', function(){
            animacion3("3");
        });
		YAHOO.util.Event.on('imgCasas', 'mouseout', function(){
            animacion4("3");
        });
		YAHOO.util.Event.on('imgMicrositios', 'mouseover', function(){
            animacion3("4");
        });
		YAHOO.util.Event.on('imgMicrositios', 'mouseout', function(){
            animacion4("4");
        });
        //probar();
    }
});

// Load the files using the insert() method. 
loader.insert();

var animacion1 = function(numero){
    var myAnim = new YAHOO.util.Anim('demo'+numero);
    myAnim.attributes.width = {
        to: 250
    };
    myAnim.duration = 0.5;
    myAnim.method = YAHOO.util.Easing.easeOut;
    //myAnim.onComplete.subscribe(terminado);
    myAnim.animate();
    
}

var animacion2 = function(numero){
    var myAnim = new YAHOO.util.Anim('demo'+numero);
    myAnim.attributes.width = {
        to: 0,
        unit: "px"
    };
    myAnim.duration = 0.5;
    myAnim.method = YAHOO.util.Easing.easeIn;
    myAnim.animate();
}

var animacion3 = function(numero){
    var myAnim = new YAHOO.util.Anim('demo'+numero);
    myAnim.attributes.width = {
        to: 250
    };
    myAnim.duration = 0.5;
    myAnim.method = YAHOO.util.Easing.easeOut;
    myAnim.animate();
}

var animacion4 = function(numero){
    var myAnim2 = new YAHOO.util.Anim('demo'+numero);
    myAnim2.attributes.width = {
        to: 0,
        unit: "px"
    };
    myAnim2.duration = 0.5;
    myAnim2.method = YAHOO.util.Easing.easeIn;
    myAnim2.animate();
}