/* -----------------------------------------------------------------------

	Marcelogreco.com - Pré-carrega as imagens da página inicial do site.

	Author: Thiago Carvalho <thiago.carvalho at teadigital.com.br>
	
	Requer:
		mootools 1.2;
		mootools-more(assets).
		
	A função definida aqui é chamada pelo scripts.js.

----------------------------------------------------------------------- */

function pre_carregar_imagens() {
	var carregar_primeiro = new Array();
	var carregar_depois = new Array();

	var imagens = [
	    "images/loading.gif",
	   	"images/contato/email.jpg",
		"images/contato/enviar.jpg",
		"images/contato/mensagem.jpg",
		"images/contato/msg_enviada.jpg",
		"images/contato/nome.jpg",
	   	"images/contato/ING_email.jpg",
		"images/contato/ING_enviar.png",
		"images/contato/ING_mensagem.png",
		"images/contato/ING_msg_enviada.jpg",
		"images/contato/ING_nome.jpg",
		"images/geral/logo.jpg",
		"images/geral/btn_copyright.jpg",
		"images/geral/btn_copyright_mouseOver.png",
		"images/geral/menu_barra.png",
		"images/geral/menu_over.png",
		"images/geral/menu.png",
		"images/geral/scrollbar_horizontal.jpg",
		"images/geral/scrollbar_seta_baixo.jpg",
		"images/geral/scrollbar_seta_cima.jpg",
		"images/geral/scrollbar_seta_direita.jpg",
		"images/geral/scrollbar_seta_esquerda.jpg",
		"images/geral/scrollbar_vertical.jpg",
		"images/item_sobre/titulo_perfil.png",
		"images/item_sobre/imagem_sobre_perfil.jpg",
		"images/item_sobre/titulo_exposicoes.png",
		"images/item_sobre/ING_titulo_profile.png",
		"images/item_sobre/ING_titulo_expositions.png",
		"images/menu/menu_barra.png",
		"images/menu/menu00_bolinha.png",
		"images/menu/menu01_trabalhos.png",
		"images/menu/menu03_sobre.png",
		"images/menu/menu02_videos.png",
		"images/menu/menu04_contato.png",
		"images/menu/eng-por_01.png",
		"images/menu/eng-por_02.png",
		"images/menu/eng-por_03.png",
		"images/menu/ING_menu01_works.png",
		"images/menu/ING_menu03_about.png",
		"images/menu/ING_menu02_videos.png",
		"images/menu/ING_menu04_contact.png",
		"images/series/seta_txt_sobe.jpg",
		"images/series/scrollbar_vertical.png",
		"images/series/seta_txt_desce.jpg",
		"images/series/btn_saiba_mais.jpg",
		"images/series/ING_btn_saiba_mais.png",
		"images/series/barra_titulo.png",
		"images/submenu/submenu05_volcano.png",
		"images/submenu/submenu_over.png",
		"images/submenu/submenu01_faces.png",
		"images/submenu/submenu02_intima.png",
		"images/submenu/submenu03_silencio.png",
		"images/submenu/submenu04_ultimas.png",
		"css/slimbox/loading.gif",
		"css/slimbox/btn_fechar-X.png",
		"css/slimbox/lightBox_seta-vai.png",
		"css/slimbox/lightBox_seta-volta.png",
		"images/videos/video-1/1_batalha-do-vinil_1.jpg",
		"images/videos/video-1/1_batalha-do-vinil_2.jpg",
		"images/videos/video-1/1_batalha-do-vinil_3.jpg",
		"images/videos/video-2/2_batalha-do-vinil_1.jpg",
		"images/videos/video-2/2_batalha-do-vinil_2.jpg",
		"images/videos/video-2/2_batalha-do-vinil_3.jpg",
		"images/videos/video-3/3_batalha-do-vinil_1.jpg",
		"images/videos/video-3/3_batalha-do-vinil_2.jpg",
		"images/videos/video-3/3_batalha-do-vinil_3.jpg",
		"images/videos/video-4/4_batalha-do-vinil_1.jpg",
		"images/videos/video-4/4_batalha-do-vinil_2.jpg",
		"images/videos/video-4/4_batalha-do-vinil_3.jpg",
		"images/videos/video-5/5_silencio-selvagem_1.jpg",
		"images/videos/video-5/5_silencio-selvagem_2.jpg",
		"images/videos/video-5/5_silencio-selvagem_3.jpg",
		"images/videos/video-6/6_semtitulo_1.jpg",
		"images/videos/video-6/6_semtitulo_2.jpg",
		"images/videos/video-6/6_semtitulo_3.jpg",
		"images/geral/fotos_home/home_random_Silencio04.jpg",
        "images/geral/fotos_home/home_random_Silencio06.jpg",
        "images/geral/fotos_home/home_random_Silencio07.jpg",
        "images/geral/fotos_home/home_random_Ultimas01.jpg",
        "images/geral/fotos_home/home_random_Ultimas03.jpg",
        "images/geral/fotos_home/home_random_Ultimas08.jpg"
	];
	
  	/*
  	 * Imagens que vão ser carregadas antes de a página do site ser exibida.
  	 */
	for(var i = 0; i < imagens.length; i++) {
		carregar_primeiro.include(imagens[i]);
	}
	
	var minusculas = 'abcdefghijklmnopqrstuvxwyz';
	var minusculas_extras = ['ccedil','aacute','eacute','iacute','oacute','uacute',
	              'agrave','egrave','igrave','ograve','ugrave',
	              'acirc','ecirc','icirc','ocirc','ucirc',
	              'atilde','otilde'];
  	var maiusculas = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
  	var maiusculas_extras = ['Ccedil','Aacute','Eacute','Iacute','Oacute','Uacute',
	              'Agrave','Egrave','Igrave','Ograve','Ugrave',
	              'Acirc','Ecirc','Icirc','Ocirc','Ucirc',
	              'Atilde','Otilde'];
  	var extras = ['arroba','asterisco','barra_inclinada-d','barra_inclinada-e','barra_reta',
  	              'ecomercial','exclamacao','interrogacao','parenteses_1','parenteses_2',
  	              'ponto_final','traco'];

	/*
	 * Imagens que serão carregadas após o site ter sido exibido.
	 */
  	var depois = new Array();
	for(var i = 0; i < minusculas.length; i++) {depois.include('images/alfabeto/minusculo/'+minusculas[i]+'.png');}
	for(var i = 0; i < minusculas_extras.length; i++) {depois.include('images/alfabeto/minusculo/'+minusculas_extras[i]+'.png');}
	for(var i = 0; i < maiusculas.length; i++) {depois.include('images/alfabeto/maiusculo/'+maiusculas[i]+'.png');}
	for(var i = 0; i < maiusculas_extras.length; i++) {depois.include('images/alfabeto/maiusculo/'+maiusculas_extras[i]+'.png');}
	for(var i = 0; i < extras.length; i++) {depois.include('images/alfabeto/extras/'+extras[i]+'.png');}
	
	for(var i = 0; i < depois.length; i++) {
		carregar_depois.include(depois[i]);
	}
	

	// imagem de fundo e as três primeiras imagens de cada série
	for(var i = 1; i < series.length; i++) {
		carregar_primeiro.include(series[i].path_imagens + series[i].bg_home);
		//carregar_primeiro.include(series[i].path_imagens + series[i].imagem_titulo);

		carregar_depois.include(series[i].path_imagens + series[i].imagens[0].pequena);
		carregar_depois.include(series[i].path_imagens + series[i].imagens[1].pequena);
		carregar_depois.include(series[i].path_imagens + series[i].imagens[2].pequena);
		carregar_depois.include(series[i].path_imagens + series[i].imagens[3].pequena);
	}
	
	
	// 
	var loader = new Asset.images(carregar_primeiro, {
	    onProgress: function(counter, index) {
			var percent = (1 + counter) * (100 / carregar_primeiro.length);
	        $('div_carregadas').innerHTML = "<small>Loading " + parseInt(percent) + "%</small><br/><br/>Marcelo Greco";
	    },
	    onComplete: function() {
	    	//$('div_carregadas').innerHTML = "Concluído.";
	        carregar_primeiro.each(function(im) {
                new Element('img',{ src:im, style:'' }).inject($('imagens_pre_carregadas'));
            });
	        var mostra_site = function() {
	        	var div_carregando = $('div_carregando');
	        	
	        	var fx = new Fx.Tween(div_carregando,{
	        		duration: 1000,
	        		onStart: function() {
			        	$('img_carregando').setStyle('display','none');
			        	$('div_carregadas').setStyle('display','none');
	        		},
	        		onComplete: function() {
	        			div_carregando.setStyle('display', 'none');
	        			var loader_depois = new Asset.images(carregar_depois, {
	        				onComplete: function() {
	        					carregar_depois.each(function(im) {
	        						new Element('img',{ src:im, style:'' }).inject($('imagens_pre_carregadas'));
	        					});
	        				}
	        			});
	        		}
	        	});
	        	
	        	fx.start('opacity', 1, 0);
	        }.delay(1000);
	    }
	});
	
	
	return loader;
}

