// JavaScript Document
	var posicoes=[];
	var ocupado=false;
	var sentido=1;
	
	function startIni(){
		$(".element",$('#slide-superjogos')).each(function(index){
				$(this).attr({'id':'e'+index});
				$(this).addClass('mk'+index);
				$(this).addClass('c'+index);
		 });	
	}
	
	function loadElements(){
		posicoes=[];
		 $(".element",$('#slide-superjogos')).each(function(index){
			var w= parseInt( $(this).css('width').replace('px','') );
			var h= parseInt( $(this).css('height').replace('px','') );
			var t= parseInt( $(this).css('top').replace('px','') );
			var l= parseInt( $(this).css('left').replace('px',''));
			var z= parseInt($(this).css("z-index"));
			posicoes.push({'index':index,'w':w,'h':h,'t':t,'l':l,'z':z});
		});	
	}	
	
	function changePosR(){
		//console.log('muda de posicao!');
		var m = $(posicoes).length;
		for(i=0; i<m; ++i){
			var l = posicoes[i].index +1;
			posicoes[i].index = l % m;
		}
		outputPos();
	}

	function changePosL(){
		//console.log('muda de posicao!');
		var m = $(posicoes).length;
		for(i=0; i<m; ++i){
			var l = posicoes[i].index - 1;
			if (l <0) {l = (m-1);}
			posicoes[i].index = l;
		}
		outputPos();
	}

	function moveObjR(i,pos,coor,t){
		//console.log('move obj '+i);		
		
		var d= getTempoR(pos,0);
		var move='easeInOutSine';
		
		$('#e'+i).animate({
			width: coor.w,
			height: coor.h,
			top: coor.t,
			left: coor.l			
		  }, {			  
			duration: d, 
			specialEasing: {
				width: move,
				height: move,
				top: move,
				left: move
			},
			complete: function() {
				$('#e'+i).css('z-index', coor.z);				
				//console.log('move obj done '+i+' pos '+pos+' '+coor.w+'x'+coor.h+' / '+coor.t+':'+coor.l+' z-'+coor.z);				
				var m = $(posicoes).length -1;
				if (pos==m) { 
					//console.log('ocupado false'); 
					ocupado=false;		
					changePosR();
				}				
			}
		 });
		
		$('img',$('#e'+i)).animate({width: coor.w, height: coor.h},
						   {duration: d, 
							specialEasing: {width: move,height: move},
							complete: function() {}
						   });
		
	}
	
	function moveObjL(i,pos,coor,t){
		//console.log('move obj '+i);
		var d=getTempoL(pos,0);
		var move='easeInOutSine';
		
		$('#e'+i).animate({
			width: coor.w,
			height: coor.h,
			top: coor.t,
			left: coor.l			
		  }, {			  
			duration: d, 
			specialEasing: {
				width: move,
				height: move,
				top: move,
				left: move
			},
			complete: function() {
				$('#e'+i).css('z-index', coor.z);				
				//console.log('move obj done '+i+' pos '+pos+' '+coor.w+'x'+coor.h+' / '+coor.t+':'+coor.l+' z-'+coor.z);
				
				var m = $(posicoes).length -1;
				if (pos==m) { 
					//console.log('ocupado false'); 
					ocupado=false;		
					changePosL();
				}				
			}
		 });
		
		$('img',$('#e'+i)).animate({width: coor.w, height: coor.h},
								   {duration: d, 
									specialEasing: {width: move,height: move},
									complete: function() {}
								   });
		
	}
	
	function getR(i){		
		var m = $(posicoes).length -1;
		var n= i - 1;
		if (n<0){n=m;}
		//console.log('getR '+i+' = '+n);
		return posicoes[n];
	}
	
	function getL(i){		
		var m = $(posicoes).length -1;
		var n= i + 1;
		if (n>m){n=0;}
		//console.log('getL '+i+' = '+n);
		return posicoes[n];
	}
	
	function triggerFunction(i,lado,t){
		//console.log(i+' - t='+t);
                var coor =[];
		if (lado >0 ){
                        coor = getR(i);
			moveObjR(posicoes[i].index,i,coor,t);
		} else {
			coor = getL(i);
			moveObjL(posicoes[i].index,i,coor,t);	
		}
	}
	
	function runFunction(i,lado,time){
		setTimeout('triggerFunction('+(i)+','+(lado)+','+(time)+')',time);	
	}
	
	function outputPos(){
		var m = $(posicoes).length;
		for(i=0; i<m; ++i){
			//console.log('index '+posicoes[i].index+' '+posicoes[i].w+'x'+posicoes[i].h+' / '+posicoes[i].t+':'+posicoes[i].l+' z='+posicoes[i].z);
		}
                $('#element-title').html(superjogosTitles[posicoes[2].index]);
                $('#element-title').fadeIn();
	}
	

	function getTempoR(i,m){
		var result=0;		
		var t1=Array(200,200,300,350,425);
		var t2=Array(800,300,300,600,550);
                var tempo=0;
		if (m == 1){
		  tempo=t1;	
		} else {
		  tempo=t2;	
		}
		result = tempo[i];
		//console.log('tempo '+result+' i'+i);
		return result;
	}
	
	function getTempoL(i,m){
		var result=0;		
		var t1=Array(425,350,300,200,200);
		var t2=Array(550,600,300,300,800);
                var tempo=0;
		if (m == 1){
		  tempo=t1;
		} else {
		  tempo=t2;
		}
		result = tempo[i];
		//console.log('tempo '+result+' i'+i);
		return result;
	}
	
	function trocasentido(s){
		sentido=s;
		var m= [];
		if (s > 0){
			m.push(10);m.push(20);m.push(30);m.push(21);m.push(11);	
			$(posicoes).each(function(i){
				$('#e'+this.index).css('z-index', m[i]);
			});
		} else {
			m.push(11);m.push(21);m.push(30);m.push(20);m.push(10);
			$(posicoes).each(function(i){
				$('#e'+this.index).css('z-index', m[i]);
			});		
		}		
		var size = $(posicoes).length;
		for (i=0; i<size; ++i){
			posicoes[i].z =m[i];
		}
	}
	
	function moveSlide(lado){
		ocupado=true;
		//console.log('lado ='+lado);
		
		if (lado != sentido){
			trocasentido(lado);
		}
		
		var m = $(posicoes).length;
		if (lado > 0) {
			for(i=0; i<m; ++i){
				runFunction(i,lado, getTempoR(i,1));
			}
		} else {
			for(i=0; i<m; ++i){
				runFunction(i,lado, getTempoL(i,1));
			}
		}
		
	}
	
	function addTrigger(){
		$("#slide-trigger-r").click(function(){			 
			if (!ocupado){
                            var lado=1;
                            $('#element-title').fadeOut();
                            moveSlide(lado);
			}
		});
		$("#slide-trigger-l").click(function(){
			if (!ocupado){
			    var lado=-1;
                            $('#element-title').fadeOut();
                            moveSlide(lado);
			}
		});
	}
$(document).ready(function() {
	startIni();
	loadElements();
	addTrigger();
	outputPos();
});
						   

//	loadElements();
//	outputPos();
//	addTrigger();