// Equipamiento Integral
// ---------------------
// Proyectos: scroll y visor imágenes


$(document).ready(function(){  
	
	// isIE
	var isIE = '\v'=='v';
		
	// scroll virtual
	$(".scroll-pane").jScrollPane({showArrows:false, scrollbarWidth: 11, scrollbarMargin:10, dragMinHeight:46, dragMaxHeight:46});
	
	// visor imagenes
	var numImg		= $("#visor_content").children().size();
	var actualImg	= 1;
	var anchoImg	= 565;
	var fromImg		= 1;
	var toImg		= numImg;
	
	// precargamos las imágenes
	$("#visor_content img").css({opacity:0});
	$(this).oneTime(500, preloadImages);
	
	function preloadImages(){
		for (var i=0; i<numImg; i++){
			var source = $("#visor_content img")[i].src;
			var pre_source = (isIE)? source+"?"+randomStr(8) : source;
	   		$('<img />').attr('src', pre_source).load(function(){
				var numImgLoaded = parseInt(this.src.split("_")[1].split(".jpg")[0]);
				$("#visor_content img:nth-child("+numImgLoaded+")").animate({opacity: 1}, "slow");
			});
		}
	}
	
	// asignamos los clicks de las flechas
	$("#visor_left").click(function() {
		showImage(-1);
		return false;
	});
	
	$("#visor_right").click(function() {
		showImage(1);
		return false;
	});
	
	toggleVisorLeft(true);
	
	// mostrar imagen
	function showImage(inc){
		actualImg += inc;
		var posX = -565*(actualImg-1);
		$('#visor_content').animate({marginLeft: posX+"px"}, "slow");	
		toggleVisorLeft((actualImg==fromImg));
		toggleVisorRight((actualImg==toImg));
	}
	
	function toggleVisorLeft(hideOrShow) {
		if (hideOrShow){
			if (isIE) $("#visor_left").hide();
			else $("#visor_left").css({cursor:"default", opacity:0.5});
			$("#visor_left").unbind("click").click(function() { return false; });
		} else {
			if (isIE) $("#visor_left").show();
			else $("#visor_left").css({cursor:"pointer", opacity:1});
			$("#visor_left").unbind("click").click(function(e) {
				showImage(-1);
				return false;
			});
		}
	}
	
	function toggleVisorRight(hideOrShow) {
		if (hideOrShow){
			if (isIE) $("#visor_right").hide();
			else $("#visor_right").css({cursor:"default", opacity:0.5});
			$("#visor_right").unbind("click").click(function() { return false; });
		} else {
			if (isIE) $("#visor_right").show();
			else $("#visor_right").css({cursor:"pointer", opacity:1});
			$("#visor_right").unbind("click").click(function(e) {
				showImage(1);
				return false;
			});
		}
	}
	
	function randomStr(length){
		chars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890";
		pass = "";
		for(x=0;x<length;x++){
			i = Math.floor(Math.random() * 62);
			pass += chars.charAt(i);
		}
		return pass;
	}
	
});