// contiene toda la funcionalidad de la pagina inicial


function crearThumb(nombre, id){
	var carpeta = "imagenes/thumbs/";
	return '<li class="content"><img id="th_' + id + '" src="' + carpeta + nombre + '" alt="" width="35" height="35" class="thumb" /></li>';
}

$(document).ready(function() {
	//implementar funcionalidad
	divDesarrollos = $("#desarrollos");
	function cambiarNota(id){
		var estaNota = notas[id];
		$('#nota').html('<img src="imagenes/notas_735x310/' + estaNota.banner + '" alt="" />');
		notaActual = id;
		//cambiar estado del thumb seleccionado
		$("#thumbs img#" + thumbSel).stop().fadeTo(fadeSpeed, 0.5);
		thumbSel = $("#thumbs img#th_" +(id+1)).attr("id");
		$("#thumbs img#" + thumbSel).stop().fadeTo(fadeSpeed, 1);
		
		//mostrar links
		var contHtml = notas[id].desarrollo;
		contHtml = '<div>' + contHtml + '</div>'; //lo encierro en un bloque para darle padding vetical
		divDesarrollos.html(contHtml);//.slideUp().delay(fadeSpeed).slideDown();
	}
	

	//crear las miniaturas
	for(i=notas.length; i>0; i--){
		$("#thumbs").append(crearThumb(notas[i-1].thumb, i));
	}	
	//aplicar eventos		
	jQuery.each(notas, function(clave, nota){
		$("img#th_" + (clave+1) ).click(function(){
			cambiarNota(clave);
		});
	});
	//el siguiente/anterior tiene el orden cambiado porque las notas se muestran en orden inverso
	$("#siguiente").click(function(){
		if(notaActual>0){
			cambiarNota(notaActual-1);
		}else{
			cambiarNota(notas.length-1);
		}
	});
	$("#anterior").click(function(){
		if(notaActual<notas.length-1){
			cambiarNota(notaActual  + 1);
		}else{
			cambiarNota(0);
		}
		
	});
	
	$('#thumbScroller  .thumb').each(function () {
		$(this).fadeTo(fadeSpeed, 0.5);
	});
	$('#thumbScroller .thumb').hover(
		function(){ //mouse over
			if($(this).attr("id")!=thumbSel){
				$(this).stop().fadeTo(fadeSpeed, 1);
			}
		},
		function(){ //mouse out
			if($(this).attr("id")!=thumbSel){
				$(this).stop().fadeTo(fadeSpeed, 0.5);
			}
		}
	);
	//iniciar con la primer nota
	notaActual = notas.length-1;
	cambiarNota(notaActual);
	
});


//activar movimiento de thumbs
$(document).ready(function() {
	var sliderWidth=$('#thumbScroller').width();
	var itemWidth=$('#thumbScroller  .content').width();
	$('#thumbScroller .content').each(function (i) {
			totalContent=i*itemWidth;	
			$('#thumbScroller .container').css("width",totalContent+itemWidth);
	});
	$('#thumbScroller').mousemove(function(e){
		  var mouseCoords=(e.pageX - this.offsetLeft);
		  var mousePercentY=mouseCoords/sliderWidth;
		  var destY=-(((totalContent-(sliderWidth-itemWidth))-sliderWidth)*(mousePercentY));
		  var thePosA=mouseCoords-destY;
		  var thePosB=destY-mouseCoords;
		  if(mouseCoords==destY){
			  $('#thumbScroller .container').stop();
		  }
		  if(mouseCoords>destY){
			  $('#thumbScroller .container').css('left',-thePosA);
		  }
		  if(mouseCoords<destY){
			  $('#thumbScroller .container').css('left',thePosB);
		  }
	});
});