// JavaScript Document
/*credits: Andrés Fernández*/
var efectos2={
	_scrollH:function(inicio,fin,el){
		var _this=this;
		if(window['globalIntervalo'])
			return setTimeout(function(){_this._scrollH(inicio,fin,el);},160);
		window['globalIntervalo']=1;
		var t=new Transition(SineCurve, 500, function(percentage) {
			if(fin<inicio){
				var delta=inicio-fin;
    			el.scrollLeft=(inicio-(percentage*delta));
			}
			else{
				var delta=fin-inicio;
				el.scrollLeft=(inicio+(percentage*delta));
			}
			});
		t.run();
		t=null;
		return this;
	}
}
panino.add(efectos2);
var paginado={
	marcarPagina:function(largo,maxScroll,scrolleable,contenedorItems,adelante){
		var _this=this;
		if(window['globalIntervalo'])
			return setTimeout(function(){_this.marcarPagina(largo,maxScroll,scrolleable,contenedorItems,adelante);},160);
		var point=parseInt(scrolleable.scrollLeft)+largo;
		if(adelante){
			var el=Math.round(parseInt(point)/largo)+1;
			if(el>parseInt(maxScroll/largo))el=1;
		}else{
			var el=Math.round(parseInt(point)/largo)-1;
			if(el<1)el=parseInt(maxScroll/largo);
		}
		var items=contenedorItems.getElementsByTagName('a');
		for(var i=0;items[i];i++){
			if((i+1)==el){
				panino.getO(items[i]).css('textDecoration','underline');	
			}else{
				panino.getO(items[i]).css('textDecoration','none');
			}	
		}
	},
	marcarLink:function(contenedorItems,el){
		var _this=this;
		if(window['globalIntervalo'])
			return setTimeout(function(){_this.marcarLink(contenedorItems,el);},160);
		var items=contenedorItems.getElementsByTagName('a');
		for(var i=0;items[i];i++){
			if((i+1)==el){
				panino.getO(items[i]).css('textDecoration','underline');	
			}else{
				panino.getO(items[i]).css('textDecoration','none');
			}	
		}
		return this;
	}
}
panino.add(paginado);
function getElementPosition() {
		var offsetTrail = this;
		var offsetLeft = 0;
		var offsetTop = 0;
		while (offsetTrail) {
			offsetLeft += offsetTrail.offsetLeft;
			offsetTop += offsetTrail.offsetTop;
			offsetTrail = offsetTrail.offsetParent;
		}
		return {left:offsetLeft, top:offsetTop};
}

function isComplete(im){
	var inter=setInterval(function(){if(im.complete){window.preload++;clearInterval(inter);}},10);	
}

addLoadEvent(
	function(){
		var ims=window['galeria'];
		$('g4Paginado').css('display','block');
		$('g4').css('display','block');
		window.preload=0;
		if(!ims || ims.length<1)return;
		if(!$('precTempMos')){
			var pre=$('g4container').cloneNode(false);
			pre.style.backgroundColor='#FFF';
			pre.style.backgroundImage='url(images/ajax-loader2.gif)';
			pre.style.backgroundRepeat='no-repeat';
			pre.style.backgroundPosition='50%';
			pre.style.position='absolute';
			var n=getElementPosition.call($('g4container'));
			pre.style.top=n.top+'px';
			pre.style.left=n.left+'px';
			pre.style.width=$('g4container').offsetWidth+2+'px';
			pre.style.height=$('g4container').offsetHeight+30+'px';
			pre.style.zIndex=10;
			pre.id='precTempMos';
			document.body.appendChild(pre);
			pre=null;
		}
		var v=[],l=ims.length;
		var foo = document.createDocumentFragment();
		var foo2 = document.createDocumentFragment();
		var maxScroll=((l)*371);
		for(var i=0;ims[i];i++){
			var nro=document.createElement('a');
			nro.innerHTML=i+1;
			nro.className='over';
			foo.appendChild(nro);
			if(i!=l-1){
				var guion=document.createTextNode(' - ');
				foo.appendChild(guion);
			}
			if(nro.innerHTML=='1')
				panino.getO(nro).css('textDecoration','underline');
			panino.getO(nro).addEvent('click',function(){this.marcarLink($('g4nros'),parseInt(this.innerHTML));this._scrollH($('g4').scrollLeft,371*(parseInt(this.innerHTML)-1),$('g4'));});
			var o=$('g4container').cloneNode(true);
			var gTempTam=gTam[i].split('-');
			var gTamAncho=(371-parseInt(gTempTam[0]))/2;
			var gTamAlto=(260-parseInt(gTempTam[1]))/2;
			panino.getO(o).css('left',i*371+'px').innerHTML='<div style="padding:'+gTamAlto+'px '+gTamAncho+'px;"><img onload="isComplete(this)" src="'+ims[i]+'" width="'+gTempTam[0]+'" height="'+gTempTam[1]+'" /></div>';
			foo2.appendChild(o);
			(function(){
				var _o=o;
				var _i=i,_l=l;
				if(_i!=(_l-1)){
					panino.getO(_o).addEvent('click',function(e){var e=e || window.event;if(e.preventDefault)e.preventDefault();else e.returnValue=false;if(window['globalIntervalo'])return;this.marcarPagina(371,maxScroll,$('g4'),$('g4nros'),true);this._scrollH(_i*371,(_i+1)*371,$('g4'));});
				}
				else{
					panino.getO(_o).addEvent('click',function(e){var e=e || window.event;if(e.preventDefault)e.preventDefault();else e.returnValue=false;if(window['globalIntervalo'])return;this.marcarPagina(371,maxScroll,$('g4'),$('g4nros'),true);this._scrollH(_i*371,0,$('g4'));});
				}
			})();
		}
		$('g4nros').appendChild(foo);
		$('g4').appendChild(foo2);
		var precarga=setInterval(function(){
			if(window.compensado && window.preload==l && document.body.offsetWidth){
				clearInterval(precarga);
				precarga=null;
				if($('precTempMos'))
					document.body.removeChild($('precTempMos'));
			}
											
		},30);
		$('g4Right').addEvent('click',function(){if(window['globalIntervalo'])return;this.marcarPagina(371,maxScroll,$('g4'),$('g4nros'),true);var t=(maxScroll-(parseInt($('g4').scrollLeft)+371))<371/2?0:(parseInt($('g4').scrollLeft)+371);this._scrollH($('g4').scrollLeft,t,$('g4'));}).hover(function(){this.className='transparente';},function(){this.className='opaco';});
		$('g4Left').addEvent('click',function(){if(window['globalIntervalo'])return;this.marcarPagina(371,maxScroll,$('g4'),$('g4nros'),false);var t=parseInt($('g4').scrollLeft)<371/2?(371*l):parseInt($('g4').scrollLeft)-371;this._scrollH($('g4').scrollLeft,t,$('g4'));}).hover(function(){this.className='transparente';},function(){this.className='opaco';});
		$('g4').scrollLeft=0;
	}
	
)
