$(function(){ 

	preload([
	    'img/bg-festa.jpg',
	    'img/bg-frigobar.jpg',
	    'img/bg-diaadia.jpg',
	    'img/bg-economico.jpg',
	    'img/bg-ferias.jpg',
	    'img/bg-modes.jpg',
	    'img/diario-icon-over.png',
	    'img/diario-icon-active.png',
	    'img/economico-icon-over.png',
	    'img/economico-icon-active.png', 
	    'img/ferias-icon-over.png',
	    'img/ferias-icon-active.png',
	    'img/festa-icon-over.png',
	    'img/festa-icon-active.png',
	    'img/frigobar-icon-over.png',
	    'img/frigobar-icon-active.png'
	]);

	$("#refrigerators .texts").animate({'opacity': 1}, 1200);

    $(".double_links a").click(function(e){
    	e.preventDefault();

    	var active = $(this).attr("data-text");

    	console.log(active);

    	$(".texts .txt01").hide();
    	$(".texts .txt02").hide();
    	$(".texts ."+active).show();

		$(".double_links a").removeClass("active");
    	$(this).addClass("active");


    	$("#quick").removeClass();
    	$("#quick").addClass(active);



    });



    $(".video a").click(function(e){
    	e.preventDefault();
    	console.log("play led video");
    	$(this).animate({'opacity': 0}, 500, function(){$(this).hide();$("#led-video").show();$('#led-video').get(0).play();});
    });

    $("#fresh .video img").click(function(e){
    	e.preventDefault();
    	console.log("play fresh video");    	    	
    	$(this).animate({'opacity': 0}, 500, function(){$(this).hide();$("#fresh-video").show();$('#fresh-video').get(0).play();});
    });

    $("#modes a").click(function(e){
        e.preventDefault();

        var divId = $(this).attr("href");

        $("#modes a").removeClass("active");
        $(this).addClass("active");

        console.log("change description: "+divId);              
        $("#modes_description .active").animate({'opacity': 0}, 500, function(){$("#modes_description .description").hide();$(divId).addClass("active");$(divId).show();$(divId).animate({'opacity':1},500);});
        $("#flexibility").removeClass();
        $("#flexibility").addClass(divId.substr(1, divId.length));

        $("#bullet_door").show();
    });

    $("#bullet_door a").click(function(e){
        e.preventDefault();

        $("#flexibility").removeClass();
        $("#modes a").removeClass("active");
        $("#bullet_door").hide();
		$("#modes_description .description").hide();
    });

	var anime1 = false, anime2 = false, anime3 = false, anime4 = false, anime5 = false, anime6 = false, anime7 = false, anime8 = false, anime9 = false, anime10 = false;


        $(window).on('scroll', function(){
        var scrY = window.pageYOffset || document.documentElement.scrollTop;

    	if (!anime3 && scrY > $('#canvas').offset().top - window.innerHeight / 2) {
			console.log("anime canvas");
			init();
			anime3 =  true;
    	}

    	if (!anime1 && scrY > $('#modes_description').offset().top - window.innerHeight / 2) {
			console.log("anime geladeira");
			$("#modes .diario").click();

			anime1 =  true;
    	}

        if (!anime2 && scrY > $('#fresh-video').offset().top - window.innerHeight / 2) {
            console.log("play video fresh");
            $('#fresh-video').get(0).play();
            anime2 =  true;
        }  


    });


});	



function preload(arrayOfImages) {
    $(arrayOfImages).each(function(){
        $('<img/>')[0].src = this;
        console.log("preload: "+this);
    });
}





var canvas, stage, exportRoot;

		function init() {
			canvas = document.getElementById("canvas");
			images = images||{};

			var manifest = [
				{src:"img/_42bigicon.png", id:"_42bigicon"},
				{src:"img/economybigicon.png", id:"economybigicon"},
				{src:"img/economyicons.png", id:"economyicons"},
				{src:"img/noisebigicon.png", id:"noisebigicon"},
				{src:"img/yearsbigicon.png", id:"yearsbigicon"}
			];

			var loader = new createjs.LoadQueue(false);
			loader.addEventListener("fileload", handleFileLoad);
			loader.addEventListener("complete", handleComplete);
			loader.loadManifest(manifest);
		}

		function handleFileLoad(evt) {
			if (evt.item.type == "image") { images[evt.item.id] = evt.result; }
		}

		function handleComplete() {
			exportRoot = new lib.economy();

			stage = new createjs.Stage(canvas);
			stage.addChild(exportRoot);
			stage.update();

			createjs.Ticker.setFPS(30);
			createjs.Ticker.addEventListener("tick", stage);
		}