$(function(){

	var daily_cover = $('#daily_cover');
	var daily_cover_tabs = $('.tabs_menu a', daily_cover);
	
	var titles = $.map(daily_cover_tabs, function(elem, i){
		return $(elem).text();
	});
	
	$('.tabs_box', daily_cover).each(function(i){
		
		// Atalho para o box atual
		var self = $(this);
		var link = $('>a', self);
		
		// Inicializa a variável da janela fora do contexto da função de clique
		var wnd = false;
		
		// Associa o clique ao link do box
		link.click(function(e){
			
			e.preventDefault();
			
			// Cria apenas uma vez a janela com a imagem
			if (!wnd) {
				wnd = $.modal.template(titles[i]).addClass('cover_window').append(
					$('<div />').addClass('window_content').append(
						$('<img />').attr('src', link.attr('href'))
					)
				);
				
				/* TODO: verificar se essa é mesmo a melhor maneira de resolver o problema do box no IE
				var pic = $('img', wnd);
				pic.load(function(){
					wnd.css('width', parseInt(pic.attr('width')) + 20);
				});
				*/
			}
			
			var mod = wnd.modal();
			mod.dialog.container.addClass('daily_cover_container');
			
		});
		
	});
	
	// Calcula um número aleatório: 0 <= n <= max
	var rand_num = function (max) {
		return Math.round(Math.random() * max);
	};
	
	// Seleciona uma capa aleatória
	daily_cover_tabs.eq( rand_num(daily_cover_tabs.length - 1) ).click();
	

	// Seleciona um box especial aleatório
	var special_box_tabs = $('#special_box .tabs_menu a');
	special_box_tabs.eq( rand_num(special_box_tabs.length - 1) ).click();
	
});