var theXML, current;
var clientes_por_pagina = 20;

$(document).ready(function(){
	// abre sección
	$('.main-menu>li>a, #news a').live('click', function(){
		if (current != $(this).attr('href')) {
			current = $(this).attr('href');
			var item_found = $('.main-menu a[href='+current+']').length;
			if (item_found > 0) {
				$('.main-menu a').removeClass('active');
				$('#paginas, #descripcion h3, #descripcion p, #premios').html('');
				$('.main-menu a[href='+current+']').addClass('active');
				//$('.subnav').width('130px');
				$('.subnav').animate({width: 0, opacity: 0}, 300, function(){$('.subnav').html('')});
				//$('.subnav *').fadeOut('400', function() {$('.subnav #sbnvbg').html('').removeClass('subnav-bg');});

				// datos de la seccion
				var seccion = $(theXML).find('seccion[title='+ $(this).attr('href') +']');
				var current_slug = $(this).attr('slug');

				// crea sub menu de clientes
				var num_clientes = $('cliente', seccion).length;
				var subnavcontent = '<div id="sbnvbg" class="subnav-bg">';
				if (num_clientes > 0) {
					subnavcontent += '<ul>';
					$('cliente', seccion).each(function() {
						subnavcontent += '<li><a style="background-image: url(img/'+ $(this).attr('slug') +'.png)" href="'+ $(this).attr('slug') +'">&nbsp;</a></li>';
					});
					subnavcontent += '</ul>';
					subnavcontent += '</div>';
					/*
					$('.subnav #sbnvbg').fadeIn('500', function() {
						$('.subnav').html(subnavcontent);
						$('#sbnvbg ul').jcarousel({
							vertical: true,
							visible: clientes_por_pagina,
							scroll: clientes_por_pagina,
							buttonNextHTML: '<a href="#" class="scroller scroll-down">Go Down</a>',
							buttonPrevHTML: '<a href="#" class="scroller scroll-up">Go Up</a>',
							initCallback: function() {
								if ($(seccion).is("[tipo='sin-info']")) {
									$('.subnav li a:first').click();
								}
							}
						});
					});*/
					$('.subnav').animate({width: '130px', opacity: 1}, 300, function(){
						$('.subnav').html(subnavcontent);
						$('#sbnvbg ul').jcarousel({
							vertical: true,
							visible: clientes_por_pagina,
							scroll: clientes_por_pagina,
							buttonNextHTML: '<a href="#" class="scroller scroll-down">Go Down</a>',
							buttonPrevHTML: '<a href="#" class="scroller scroll-up">Go Up</a>',
							initCallback: function() {
								if ($(seccion).is("[tipo='sin-info']")) {
									$('.subnav li a:first').click();
								}
							}
						});
					});
				} else {
					$('.subnav').width('0');
				}
				var seccion_data = $(seccion).children('trabajo');

				var sdl = seccion_data.length;
				if (sdl>0) {
					if ($(seccion_data).attr('tipo') == 'html') {
						$('#news').load($('url', seccion_data).text());
					} else {
						$('#news').html('<img src="'+$('url', seccion_data).text()+'" />');
					}
				}
			} else {
				return true;
			}
		}
		return false;
	});
	
	
	
	$('.subnav a').live('click', function() {
		var slug = $(this).attr('href');
		var works = $('cliente[slug='+ slug +'] trabajos trabajo', theXML);
		var trabajo_tipo = $(works[0]).attr('tipo');
		var trabajo_path = $('url', works[0]).text();
		$('.subnav a').removeClass('active');
		$(this).addClass('active'); 
		
		$('#paginas').html('');
		var btn, click='', opacity;
		if (works.length == 1) opacity = ' opacity0';		
		else opacity = '';
		for (var i=0; i<works.length; i++) {
			btn = 'OFF';click = '';
			if (i==0) { btn = 'ON'; click=' to-click active' };
			$('#paginas').append('<a href="'+$('url', works[i]).text()+'" rel="'+$(works[i]).attr('tipo')+'" class="'+btn+click+opacity+'"></a>');
		}
		$('.to-click').click();
		
		var desc = $('cliente[slug='+ slug +'] descripcion', theXML).text();
		desc = desc.replace(/{strong}/g, '<strong>');
		desc = desc.replace(/{\/strong}/g, '</strong>');
		desc = desc.replace(/{br}/g, '<br />');
		desc = desc.replace(/{p}/g, '<p>');
		desc = desc.replace(/{\/p}/g, '</p>');
		if (slug != '#') {
			$('#descripcion h3').html($('cliente[slug='+ slug +'] titulo', theXML).text());
			$('#descripcion p').html(desc);
		
			var premio = $('cliente[slug='+ slug +'] premio', theXML).text();
			if (premio.length > 0)
				$('#premios').html('<img src="'+ premio +'" />');
			else
				$('#premios').html('');
		}
		return false;
	});
	
	$('#paginas a').live('click', function(event) {
		var kind = $(this).attr('rel');
		if (kind == 'imagen') {
			$('#news').html('<img src="'+ $(this).attr('href') +'" style="min-width:640px; min-height:376px;" alt="" />');
		} else if (kind == 'video') {
			$('#news').html('<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="376" width="640"><param name="src" value="'+$(this).attr('href')+'"><param name="autoplay" value="true"><param name="type" value="video/quicktime" height="376" width="640"><embed src="'+$(this).attr('href')+'" height="376" width="640" autoplay="true" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"></object>');
			//$('#news').html('<img src="http://placehold.it/640x376" style="min-width:640px; min-height:376px;" alt="" />');
		} else if (kind == 'html') {
			$('#news').load($(this).attr('href'));
		}
		$('#paginas a').removeClass('active');
		$(this).addClass('active');
		return false;
	});

	
	$.get('data.xml', function(data) {
		theXML = data;
	});
});