C.Index = {
	hoverImages : new Array(),
	t: undefined,
	init: function(){
		C.Index.loadXML();
	},
	loadXML: function(){
		$.get("files/trabajos.xml",function(xml){
			C.Index.t = $(xml);
			$.each(C.Index.t.find('trabajo'),function(){
				$(this).attr('visible','false');
			});
			C.Index.sliderTrabajos();
			C.Index.loadTrabajos(3);
			$('#trabajo-cargando').css('visibility','visible').waypoint(function(e,d){
				if(d=='down'){
					if(C.Index.loadTrabajos(3) == false){
						$('#trabajo-cargando').css('visibility','hidden');
					}
				}
				$.waypoints('refresh');
			},{
				offset: $(window).height()
			});			

			$('#link-trabajos').click(function(){
				$.scrollTo('#bottom .trabajo:first',300)
			});
		},"xml");
	},
	loadHoverImages : function(){
		//Preload images to use in mouseover events but not work as espected instead a hidden image is created
		var imgObj = new Image();
		for(var i=0, total_imgs=C.Index.hoverImages.length; i<total_imgs; i++){
			imgObj.src = C.Index.hoverImages[i];
		}
	},
	sliderTrabajos: function(){
		var trabajos = C.Index.t.find('trabajo');
		var slider = $('div#slider-trabajos >div.slides_container');
		var cant = 16;
		var pags = Math.ceil(trabajos.length / cant);
		
		var html = '';

		for(p = 0; p < pags; p++){
			html += '<div><ul>';
				if(p + 1 == pags)cant = trabajos.length % cant;

				for(c = 0; c < cant; c++){
					var t = $(trabajos[ (p * cant) + c]);
					html += '<li><a href="#trabajo-'+t.attr('id')+'" onClick="javascript:C.Index.viewTrabajo('+t.attr('id')+');return false;" id="logo-'+t.attr('id')+'" >';
					//html += 'onmouseover="javascript:this.childNodes[0].src=this.childNodes[0].src.replace(\'-1.png\',\'-2.png\');" ';
					//html += 'onmouseout ="javascript:this.childNodes[0].src=this.childNodes[0].src.replace(\'-2.png\',\'-1.png\');"  >';
					html += '<img id="img1-'+t.attr('id')+'" alt="Logo de '+t.find('titulo').text()+'" title="Logo de '+t.find('titulo').text()+'" src="'+t.find('logo').text()+'" />';
					html += '<img style="display:none;" id="img2-'+t.attr('id')+'" alt="Logo de '+t.find('titulo').text()+'" title="Logo de '+t.find('titulo').text()+'" src="'+t.find('logo').text().replace('-1.png','-2.png')+'" />';
					html += '</a></li>';
					//C.Index.hoverImages.push(t.find('logo').text().replace('-1.png','-2.png'));
				}
			html += '</ul></div>';
		}
		slider.html(html);

		$('#slider-trabajos').slides({
			generatePagination: false,
			generateNextPrev: true
		});

		$('a[href^=#trabajo-] img').hover(function(){
			$(this).attr('src',$(this).attr('src').replace('-1.png','-2.png'));
		},function(){
			$(this).attr('src',$(this).attr('src').replace('-2.png','-1.png'));
		});	
	},
	loadTrabajo: function(id){
		var t = $(C.Index.t.find('#'+id));
		
		if(!t.length)return false;
		
		var paginas = '';
		$.each(t.find('pagina'),function(){
			var fotos = '';
			paginas += '<div><ul>';
			$.each($(this).find('foto'),function(i){
				fotos += '<li><a href="'+$(this).text()+'.jpg"><img width="385" height="294" alt="'+$(this).attr('titulo')+'" title="'+$(this).attr('titulo')+'" src="'+$(this).text()+'.jpg" /></a></li>';
			});
			paginas += fotos;
			paginas += '</ul><p><span class="orange">tags:</span> '+$(this).find('tags').text()+'</p></div>';
		});
		
		var html = '\
		<div class="trabajo" id="trabajo-'+t.attr('id')+'">\
			<img class="fl" alt="Logo de '+t.find("titulo").text()+'" title="Logo de '+t.find("titulo").text()+'" src="'+t.find("logo").text()+'" />\
			<h2>'+t.find("titulo").text()+'</h2>\
			<div class="slides_container">\
				'+ paginas +'\
			</div>\
			<a class="back" href="#wrap" onClick="javascript:$.scrollTo(\'#wrap\',300);return false;">volver</a>\
		</div>\
		';
		
		$('div[id^=trabajo-] img.fl').html(function(){
			$(this).attr('src',$(this).attr('src').replace('-1.png','-2.png'));
		});
		
		$('#bottom').append(html);
		$('#trabajo-'+t.attr('id')).slides({generateNextPrev: true});
		$('#trabajo-'+t.attr('id')+' > .slides_container a').lightBox();
		
		t.attr('visible','true');
		return $('#trabajo-'+t.attr('id'));
	},
	viewTrabajo: function(id){
		var t = $('#bottom').children('#trabajo-'+id);
		if(!t.length)t = C.Index.loadTrabajo(id);
		$.scrollTo({
			left: 0,
			top: (t.offset().top + (t.height() / 2) - ($(window).height() / 2))
		}, 300);
	},
	loadTrabajos: function(cant){
		next = $(C.Index.t.find('trabajo[visible=false]:first'));
		for(i=0; i<cant; i++){
			if(next.length){
				C.Index.loadTrabajo(next.attr('id'));
				next = $(C.Index.t.find('trabajo[visible=false]:first'));
				if(next.length)continue;
			}
			return false;
		}
		return true;
	}
};

/* $(function(){
}); */
	C.Index.init();