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

	Marcelogreco.com - Script que define as séries de fotografias.

	Author: Thiago Carvalho <thiago.carvalho at teadigital.com.br>

	Popula o submenu TRABALHOS, cria as páginas com thumbnails e textos sobre.
	
	Requer:
		mootools 1.2 (mootools.js);
		slimbox 1.71 (slimbox.js);
		kscroll 0.1 (kscroll.js);
		series-config.js
		
	As séries são definidas no arquivo series-config.js. Leia-o para ver
	detalhes da estrutura de dados utilizada para descrever cada série.
		
----------------------------------------------------------------------- */


/*
 * Funções.
 */

function s_debug(x) {
	//console.log(x);
}


/* monta o div das series */
function constroi_series() {
	for(var i = 0; i < series.length; i++) {
		s_debug('construindo série: ' +i);
		constroi_serie(i);
	}
}

function constroi_menu_series() {
	for(var i = 0; i < series.length; i++) {
		if(series[i].ativa == true) {
			popula_submenu_para_serie(i);
		}
	}
}

function popula_submenu_para_serie(i) {
	s_debug('construindo menu para série: ' +i);
	var a = new Element('a', {href : '#'});
	a.addEvents({
		'click' : function() {
			s_debug('click');
			click_series(i);
		},
		'mouseover' : function() {
			s_debug('mouseover');
			mouse_over_series(i);
		}
	});

	var div = new Element('div', {'class' : 'submenu_item', 'id' : 'submenu_item_' + i + '_por'});
	div.innerHTML = '<span class="replace_this">' + series[i].nome_menu + '</span>';
	a.grab(div);
	
	div = new Element('div', {'class' : 'submenu_item', 'id' : 'submenu_item_' + i + '_eng', 'style' : 'display: none;'});
	div.innerHTML = '<span class="replace_this">' + series[i].nome_menu_ingles + '</span>';
	a.grab(div);
	
	$('submenu_trabalhos').grab(a);
}



// diz se a série foi construída
var serie_construida = new Array();
// armazena os kscrolls instanciados
var _kscrolls = new Array();

function constroi_serie(i) {
	serie_construida[i] = true;
	
	var div_conteudo = $('conteudo');
	
	// div que conterá o título, a série e a barra de scroll
	var div_content = new Element('div', {
		'class' : 'content',
		'id' : 'div_content_' + i
	});
	
	var div_title = new Element('div', {
		'class' : 'titulo_serie',
		//'styles' : {
			//'background' : 'url(' + series[i].path_imagens + series[i].imagem_titulo + ')'
		//}
	});
	div_title.innerHTML = '<span id="titulo_serie_' + i + '_por" style="display: block; margin-right: 10px;">' + series[i].nome + '</span>'
						+ '<span id="titulo_serie_' + i + '_eng" style="display: none; margin-right: 10px;">' + series[i].nome_ingles + '</span>';
	
	div_content.grab(div_title);
	
	if(series[i].tem_saiba_mais == true) {
		var div_saiba_mais = new Element('div', {'id' : 'saiba_mais'+i+'_por' });
		var div_saiba_mais_eng = new Element('div', {'id' : 'saiba_mais'+i+'_eng' });
		
		var click_saiba_mais = function(serie) {
			mostra_saiba_mais(serie);
		}.bind(this, i);

		div_saiba_mais.addEvent('click', click_saiba_mais);
		div_saiba_mais_eng.addEvent('click', click_saiba_mais);
		
		if(series[i].tem_saiba_mais != true) {
			div_saiba_mais.setAttribute('displayable',false);
		}
		if(series[i].tem_saiba_mais_ingles != true) {
			div_saiba_mais_eng.setAttribute('displayable',false);
		}
		
		if(_current_lang == "POR") {
			if(series[i].tem_saiba_mais == true) {
				div_saiba_mais.setStyle('display', 'block');
			} else {
				div_saiba_mais.setStyle('display', 'none');				
			}
			div_saiba_mais_eng.setStyle('display', 'none');
		} else {
			div_saiba_mais.setStyle('display', 'none');
			if(series[i].tem_saiba_mais_ingles == true) {
				div_saiba_mais_eng.setStyle('display', 'block');
			} else {
				div_saiba_mais_eng.setStyle('display', 'none');
			}
		}

		div_content.grab(div_saiba_mais);
		div_content.grab(div_saiba_mais_eng);
	}
	
	// div que conterá as imagens da série, que ativam o milkbox
	var div_serie = new Element('div', {
		'class' : 'serie',
		'id' : 'div_serie_' + i
	});
	
	// imagens lado a lado dentro de uma tabela
	{
		var table = new Element('table');
		var tr = new Element('tr');	
		var td = new Element('td', {'class' : 'borda'});
		tr.grab(td);
		
		for(var j=0; j<series[i].imagens.length; j++) {
			var td = new Element('td', {'class' : 'thumbnail'});
			var link = new Element('a', {
				'href' : series[i].path_imagens + series[i].imagens[j].grande,
				'title' : series[i].nome,
				'title_por' : series[i].nome,
				'title_eng' : series[i].nome_ingles,
				'rel' :  'lightbox-serie_' + i,
				'onmouseover' : 'return false;'
			});
			var img = new Element('img', {
				'class' : 'thumbnail',
				'src' : series[i].path_imagens + series[i].imagens[j].pequena/*,
				width : series[i].imagens[j].width,
				height : series[i].imagens[j].height*/
			});
		
			link.grab(img);
			td.grab(link);
			tr.grab(td);
		}

		td = new Element('td', {'class' : 'borda'});
		tr.grab(td);
		
		table.grab(tr);
		div_serie.grab(table);
	}
	
	div_content.grab(div_serie);
	
	// barra de scroll
	{
		var div_scroll = new Element('div', {'class':'div_scroll'});
		
		var div_bar = new Element('div', {'class' : 'bar', 'id' : 'bar_' + i});
		var div_knob = new Element('div', {'class' : 'knob', 'id' : 'knob_' + i});
	
		var div_btn_avanca = new Element('div', {'class' : 'btn_avanca', 'id' : 'btn_avanca_' + i, 'index' : i});
		var div_btn_volta = new Element('div', {'class' : 'btn_volta', 'id' : 'btn_volta_' + i, 'index' : i});
	
		div_bar.grab(div_knob);
	
		var table = new Element('table');
		var tr = new Element('tr');
		var td = new Element('td');
		td.grab(div_btn_volta);
		tr.grab(td);
		td = new Element('td');
		td.grab(div_bar);
		tr.grab(td);
		td = new Element('td');
		td.grab(div_btn_avanca);
		tr.grab(td);
		table.grab(tr);
		
		div_scroll.grab(table);
		div_content.grab(div_scroll);
	}
	
	div_conteudo.grab(div_content);
	
	div_content.style.display = "block";
	
	// scroll precisa ser adicionado e exibido (display != none)
	// para que o script inicialize corretamente
	var myScroll = new KScroll({
		elements: {
			scroller: 'div_serie_' + i,
			slider: 'bar_' + i,
			knob: 'knob_' + i,
			go_back: 'btn_volta_' + i,
			go_forward: 'btn_avanca_' + i,
			go_steps: 25
		},
		scroll: {
			duration: 2000,
			transition: Fx.Transitions.Quad.easeInOut
		},
		slider: {
			offset: 0
		},
		knob: {
			duration: 800,
			transition: Fx.Transitions.Quad.easeInOut
		}
	});
	
	_kscrolls[i] = myScroll;
	
	// agora que o scrollbar já inicializou, esconde o div
	div_content.style.display = 'none';
	
	
	// inicializa o slimbox agora que as séries já foram construídas!
	Slimbox.scanPage();
}

var scroll_t = new Array();

function cria_scroll_saiba_mais() {
	
	for(var i = 0; i < 5; i++) {
		scroll_t[i] = new KScroll({
			elements: {
				scroller: 'texto_serie_' + i,
				slider: 'bar_t' + i,
				knob: 'knob_t' + i,
				go_back: 'btn_sobe_t' + i,
				go_forward: 'btn_desce_t' + i,
				go_steps: 25
			},
			scroll: {
				duration: 2000,
				transition: Fx.Transitions.Quad.easeInOut
			},
			slider: {
				mode: 'vertical',
				offset: -1
			},
			knob: {
					duration: 800,
				transition: Fx.Transitions.Quad.easeInOut
			}
		});
	}
}