var actualFacebook = 1;

$(document).ready(function() {
	console.log('listo');
	
	var objActual;
	var objSiguiente;
	
	
	

	$('#ir_facebook_caja').click(function() {		
		
		$('#twitter_stream').css('z-index', -1);
		$('#facebook_stream').css('z-index', 1);
		
	});
	
	$('#ir_twitter_caja').click(function() {		
		
		$('#twitter_stream').css('z-index', 1);
		$('#facebook_stream').css('z-index', -1);
		
	});





	
	$('.tw_next').click(function() {		
		
		objActual = '#tw_'+actualFacebook;
		
		var elSig;
		
		if(actualFacebook == 4){
			elSig = 1;
			objSiguiente = '#tw_'+elSig;
		} else {
			elSig = actualFacebook+1;
			objSiguiente = '#tw_'+elSig;
		}
		
		posiciona($(objSiguiente), 'der');
		sale($(objActual), 'der');
		entra($(objSiguiente), 'der');
			
		if(actualFacebook == 4){
			actualFacebook = 1;
		} else {
			actualFacebook++;
		}
	});
	
	
	
	$('.tw_back').click(function() {		
		
		
		objsActual = '#tw_'+actualFacebook;
		
		var elSigs;
		
		if(actualFacebook == 1){
			elSigs = 4;
			objsSiguiente = '#tw_'+elSigs;
		} else {
			elSigs = actualFacebook-1;
			objsSiguiente = '#tw_'+elSigs;
		}
		
		posiciona($(objsSiguiente), 'izq');
		sale($(objsActual), 'izq');
		entra($(objsSiguiente), 'izq');
		
		
		if(actualFacebook == 1){
			actualFacebook = 4;
		} else {
			actualFacebook--;
		}
		
	});
	
	
	
	
	$('.fb_next').click(function() {		
		
		objActual = '#fb_'+actualFacebook;
		
		var elSig;
		
		if(actualFacebook == 4){
			elSig = 1;
			objSiguiente = '#fb_'+elSig;
		} else {
			elSig = actualFacebook+1;
			objSiguiente = '#fb_'+elSig;
		}
		
		posiciona($(objSiguiente), 'der');
		sale($(objActual), 'der');
		entra($(objSiguiente), 'der');
			
		if(actualFacebook == 4){
			actualFacebook = 1;
		} else {
			actualFacebook++;
		}
	});
	
	
	
	$('.fb_back').click(function() {		
		
		
		objsActual = '#fb_'+actualFacebook;
		
		var elSigs;
		
		if(actualFacebook == 1){
			elSigs = 4;
			objsSiguiente = '#fb_'+elSigs;
		} else {
			elSigs = actualFacebook-1;
			objsSiguiente = '#fb_'+elSigs;
		}
		
		posiciona($(objsSiguiente), 'izq');
		sale($(objsActual), 'izq');
		entra($(objsSiguiente), 'izq');
		
		
		if(actualFacebook == 1){
			actualFacebook = 4;
		} else {
			actualFacebook--;
		}
		
	});
	
	
});


function entra(obj, val){

	if(val == 'der'){
		$(obj).animate({
		
			opacity: 1,
		
		}, 600);
	} else {
		$(obj).animate({
		
			opacity: 1,
		
		}, 600);
	}


	
}

function sale(obj, val){
	
	if(val == 'der'){
		$(obj).animate({
		
			opacity: 0,
		
		}, 600, function(){
			$(obj).css({'display': 'none'});
		});
	} else {
		$(obj).animate({
		
			opacity: 0,
		
		}, 600, function(){
			$(obj).css({'display': 'none'});
		});
	}
	
}

function posiciona(obj, val){

	if(val == 'der'){
		$(obj).css({'display': 'block', 'opacity' : 0});
	} else {
		$(obj).css({'display': 'block', 'opacity' : 0});
	}

	
}