// VARIALBES
var ameba=["ameba",'', [10,1,2,3,4,5] ];
var chouet=["chouet",'<h1>Chouet</h1><h2>Handmade Spirit</h2>Logotipo<br/>Tarjetas personales<br/>Hang tags<br/>Grifas<br/>',[1,5] ];

var corner=["corner",'<h1>Corner</h1><h2>Ropa Interior</h2>Fotografía<br/>Cartelería de fachada<br/>',[5] ];
			
var coronato=["coronato",
			  '<h1>Coronato & Cia</h1><h2>Herrería de obra</h2>Logotipo<br/>Tarjetas personales<br/>Aviso de prensa<br/>Hojas membretadas<br/>Folletería<br/>Catálogo<br/>Cartelería de fachada<br/><a href="http://www.coronato.com.uy" target="_blank">Sitio web</a><br/>',[1,2,3,4,5] ];
			  
var baltic=["baltic",
			'<h1>Baltic Group</h1><h2>Sociedad de Bolsa</h2>Logotipo<br/>Tarjetas personales<br/>Sobres<br/>Carpetas<br/>Hojas membretadas<br/><a href="http://www.bg.com.uy" target="_blank">Sitio web</a><br/>', 
			[1,2,5] ];
			
var laronda=["laronda",
			'<h1>La Ronda</h1><h2>Recreación & Campamentos</h2>Rediseño de Logotipo<br/>Remeras<br />Afiches y diplomas<br/>Carpetas<br/>Hojas membretadas<br/><a href="http://www.larondauy.com" target="_blank">Sitio web</a><br/>Diseño de juegos', 
			[1,2,3,4,5] ];

var ide=["ide",'<h1>I.D.E.</h1><h2>English Institute</h2>Bulletins<br/>', [3] ];

var esset=["esset",'<h1>Esset</h1><h2>Antivirus NOD32</h2><a href="http://www.ameba.com.uy/esset" target="_blank">Banner web</a><br/>', [4] ];

var cincuenta=["cincuenta",'<h1>50 si cuentan</h1><h2>Exposición Colectiva</h2>Afiches<br/>Diptico<br/>', [5] ];

var onix=["onix",'<h1>Onix</h1><h2>Cuidado masculino</h2>Logotipo<br/>Gráfica de producto<br/>', [1,5] ];

var optlab=["optlab",'<h1>Optlab</h1><h2>Cursos de óptica laboral</h2>Logotipo<br/>Folletería<br/><a href="http://optlab.ameba.com.uy" target="_blank">Mini site</a><br/>Consultoría<br/>', [1,2,3,9] ];

var play=["play",'<h1>Play</h1><h2>DVD Club</h2>Logotipo<br/>Afiches<br/>', [1,3,5] ];

var santalucia=["santalucia",'<h1>PIASL</h1><h2>Investigación Arqueológica</h2><a href="http://santalucia.ameba.com.uy" target="_blank">Sitio web</a><br/>', [2,1] ];

var ddhh=["ddhh",'<h1>DDHH</h1><h2>Shake your rights</h2>Afiches<br/><a href="http://www.shakeyourrights.org/gallery.html" target="_blank">Best Posters selection</a><br/>', [5] ];

var uygroup=["uygroup",'<h1>UyGroup</h1><h2>Consulting & Technology</h2>Presentación corporativa impresa<br/>Cds y empaques<br/>Diplomas<br/><a href="http://www.uygroup.com.uy" target="_blank">Sitio web</a><br/>', 
[2,3] ];

var ponele=["ponele",'<h1>Ponele</h1><h2>Revista opinable</h2>Logotipo<br/>Diseño editorial<br/><a href="http://issuu.com/ameba.dg/docs/revista_ponele?mode=embed&layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Flight%2Flayout.xml&showFlipBtn=true" target="_blank">Ver online</a><br/>', [1,3] ];

var baiyun=["baiyun",'<h1>Baiyun</h1><h2>Uruguay Ltda</h2>Logotipo<br/>Tarjetas personales<br/>Dipticos<br/>Carpetas<br/>Hojas membretadas<br/><a href="http://www.baiyun.com.uy" target="_blank">Mini site</a><br/>', [1,2,3] ];
var calendario=["calendario",'<h1>Calendario Hot</h1><h2>miramama.com.uy</h2>Ilustración<br/>Diseño<br/><a href="http://www.miramama.com.uy/ilustracion/calendario-hot-09/" target="_blank">Ver blog</a><br/>', [5,6] ];

var adg=["adg",'<h1>ADG</h1><h2>Nuova Cucine</h2>Outdoor<br/>Gráfica Vehicular<br/>Carpetas<br/>Hojas membretadas<br/><a href="http://www.adgfurniture.com.br/home.html" target="_blank">Sitio web</a><br/>', [2,3,5,1] ];

var seven=["seven",'<h1>Seven</h1><h2>Vinos finos</h2>Logotipo<br/>Etiquetas<br/>', [5,1] ];

var guaranaup=["guaranaup",'<h1>GuaranaUp</h1><h2>Ultrapan</h2>Logotipo<br/>Etiquetas<br/>', [5,1] ];

var miller=["miller",'<h1>Miller</h1><h2>Contratistas Generales</h2>Librillos<br/><a href="http://www.miller.com.uy" target="_blank">Sitio web</a><br/>', [2,3] ];

var rodart=["rodart",'<h1>Rodart</h1><h2>Mueblería y Tapicería</h2>Logotipo<br/><a href="http://www.rodart.com.uy" target="_blank">Sitio web</a><br/>', [1,2] ];

var iconox=["iconox",'<h1>Iconox</h1><h2>Iconografía y Señalética</h2>Sistema de identidad visual basada en iconos para señaléica', [1] ];

var tipom=["tipom",'<h1>Tipo eMe</h1><h2></h2>Desarrollo de fuente tipográfica digital para texto corrido en impresión laser', [6] ];

var icofabrica=["icofabrica",'<h1>Fabrico</h1><h2>Iconografía y Señalética</h2>Sistema de normativas, nomencladores y direccionales para planta industrial o fábrica', [1] ];

var refugio=["refugio",'<h1>El Refugio</h1><h2>Sociedad protectora</h2>Logotipo<br/>Tarjetas personales<br/>Folletos Tripticos<br/>Carpetas<br/>Hojas membretadas<br/>Remeras<br/><a href="http://www.ameba.com.uy/elrefugio/presentacion.swf" target="_blank">Presentación Multimedia - ver</a><br/>Campaña de adopción <br/> Marca libros<br/>Pims<br/> Libretas<br/>  Sitio web', [1,4,5] ];

var icoschool=["icoschool",'<h1>Escuelico</h1><h2>Iconografía y Señalética</h2>Sistema de normativas, nomencladores y direccionales para institución educativa', [1] ];
var evege=["evege",'<h1>Baiyun</h1><h2>Uruguay Ltda</h2>Logotipo<br/>Tarjetas personales<br/>Dipticos<br/>Carpetas<br/>Hojas membretadas<br/><a href="http://www.bg.com.uy" target="_blank">Sitio web</a><br/>', [1,3] ];

var sbzita=["sbzita",'<h1>Superbrands</h1><h2>Alfredo Zitarrosa</h2>Ilustración<br/>Diseño de portada', [6,3] ];

var sbtambor=["sbtambor",'<h1>Superbrands </h1><h2>Candombe</h2>Ilustración<br/>Diseño de portada', [6,3] ];

var iceteaup=["iceteaup",'<h1>IceteUp</h1><h2>Ultrapan</h2>Logotipo<br/>Etiquetas', [5,1] ];

var belenmartinez=["belenmartinez",'<h1>Belén Martínez</h1><h2>Diseño de Modas</h2>Presentación Digital', [4] ];  

var mels=["mels",'<h1>Mels</h1><h2>Decoración infantíl</h2>Presentación Digital', [4] ];

var sofiadominguez=["sofiadominguez",'<h1>Sofía Domínguez</h1><h2>Diseño de Modas</h2>Presentación Digital', [4] ];

var yomanejo=["yomanejo",'<h1>Yo Manejo</h1><h2></h2>Afiches', [5] ];

var jueguetes=["juguetes",'<h1>Juguetes</h1><h2>Calendario temático</h2>Gráfica Diciembre', [5] ];

var mbanacore=["matiasbanacore",'<h1>Matias Banacore</h1><h2>Entre Amigos</h2>Programa de concierto<br/>Afiche promocional<br/>Ilustración', [3,5,6] ];

var torreseabreezes=["torreseabreezes",'<h1>Torre Seabreezes</h1><h2>Punta del Este</h2>Isologotipo<br/>Broshure<br/>Fichas de planta<br/>Cartel de obra<br/><a href="http://www.torreseabreezes.com" target="_blank">Sitio web</a', [1,2,3,5] ];



var arrayOriginal = [chouet,  coronato, sofiadominguez,baltic, laronda, ide,  esset, cincuenta, onix, optlab, play, santalucia, ddhh, uygroup, ponele, baiyun, calendario, seven, miller, rodart, iconox, sbtambor,  tipom, icofabrica, refugio, icoschool, evege, corner,sbzita, guaranaup, adg, iceteaup,belenmartinez, yomanejo, mels, jueguetes, mbanacore, torreseabreezes];

var arrayOriginal = [chouet,  coronato, baltic, laronda, ide,  onix, optlab, play, santalucia, ddhh, uygroup, ponele, baiyun, calendario, seven, miller, rodart, iconox, sbtambor,  refugio, icoschool, corner,sbzita, yomanejo, jueguetes,guaranaup, adg, mbanacore, torreseabreezes];


var arrayTrabajos = arrayOriginal;

arrayOriginal.sort(randOrd);
arrayTrabajos.sort(randOrd);

function randOrd(){
return (Math.round(Math.random())-0.5); }

var filtro = [];

$(document).ready(inicio)

$(window).resize(distribuye)


function inicio(){
	
	if(determinoPagina()=='index'||determinoPagina().length>17){
		carga();
		cargaPie();
		cargaMeGusta()
	}else if(determinoPagina()=='contacto'){
		//cargaContacto();

		}	else if(determinoPagina()=='servicios'){
			//cargaServicios()
		}	else {
			//cargaAmeba()
		}
	
	distribuye();
	
	// Programa EL MENU 
	$("#menu div:gt(0)").hover(rollOverMenu, rollOutMenu);
	$("#menu div").click(cargaSecciones);
	}

function cargaMeGusta() {
	url = new String(window.location);
	
	if(url.indexOf('=')>0){
		trabajo=url.split('=')[1].replace(/-/g,' ')
		for(i=0;i<arrayOriginal.length;i++){ 
			trabajo2= arrayOriginal[i][1].substring(4).split('</h1>')[0];
				if(trabajo2==trabajo) {
					img = arrayTrabajos[i][0]
					tag = arrayTrabajos[i][2]
					texto= arrayTrabajos[i][1]
					trabajo= texto.substring(4).split('</h1>')[0].replace(/ /g, '-')
					textoArriba= texto.split('<br/>').toString().replace(/,/g, ', ').replace('</h1>', ' - </h1>').replace('</h2>', '<br/> </h2>').replace(/h1/g, 'strong').replace(/h2/g, 'strong');
						//$('#porfolio div').fadeOut('slow');
						//$('#porfolio div').fadeOut('slow');
					$('#oscuro #izquierda').append('<img src="img/amplia/'+img+'.jpg" width="100%" alt="'+trabajo+'" title="'+trabajo+'" />')
					$('#oscuro #derecha').append('<div id="cerrar"></div><!-- termina cerrar -->'+texto+'<div id="referencias"></div>')
					$('#oscuro #arriba').append(textoArriba+'<div id="referencias"></div>')
					$('#oscuro #izquierda img').click(cierra);

					for(t=0;t<tag.length;t++){	
					$('#oscuro #derecha #referencias').append('<div id="tags" style="background-position:'+-50*tag[t]+'px -10px"></div>')
					$('#oscuro #arriba #referencias').append('<div id="tags" style="background-position:'+-50*tag[t]+'px -10px"></div>')
					}
					
					$('#oscuro').fadeIn('slow');
					$('#pie').fadeOut('slow');

					cargaSociales();
				
					// Boton de CERRAR
					$("#cerrar").click(cierra);
					
					ajusta();
		
		
				}
	
			}
		}

	}

function determinoPagina() {
	
	url = new String(window.location);
	inicio=url.indexOf('uy/')
	fin=Math.max(url.indexOf('html'),url.indexOf('php'))
	
	return url.substring(inicio+3,fin-1);
}
	
function cargaSecciones(){
	
	var secciones=['ameba.html',
					"index.php",
					'servicios.php', 
					'contacto.php',
					'http://www.linkedin.com/shareArticle?mini=true&url=http://ameba.com.uy/&title=La gente de Ameba me trajo engañado hasta LinkedIn para que publique su página! &source= http://ameba.com.uy/>',
				    'http://twitter.com/home?status=La gente de @amebaUruguay me trajo engañado hasta twitter para que publique su página! http://ameba.com.uy/',
					'http://www.facebook.com/share.php?u=http://ameba.com.uy/' /* esta pagina despues la uso para poner "me gusta" por trabajo */
					];
					
	cual = $(this).prevAll().length;
	
	if(cual<=3){window.location=secciones[cual]}	
		else{window.open(secciones[cual])}
	
	}
	
function cargaPie(){
	
	// CARGA EL PIE 
	$("#pie").html('')
	for (j=1;j<=6;j++){	$("#pie").append('<div id="cat'+j+'" class="inactivo"></div><!-- termina cat'+j+' -->');	}
	$("#pie div").click(reordena);
	$("#pie div").hover(rollOverCat, rollOutCat);
	
	
	
	}

function carga(){
	
for(i=0;i<=arrayTrabajos.length-1;i++){
	  
	$("#porfolio").append('<div class="item"><div></div></div><!-- termina item'+i+' -->');
	$('#porfolio .item:eq('+i+')').css('background-image','url(img/th/'+arrayTrabajos[i][0]+'.jpg)')
	$('#porfolio .item:eq('+i+')').attr('id',arrayTrabajos[i][0])
	$('#porfolio .item:eq('+i+')').attr('posicion',i)
	$('#porfolio .item:eq('+i+')').attr('filtro','si')
	$('#porfolio .item:eq('+i+')').attr('categorias',arrayTrabajos[i][2])
	
	posicionx=parseInt((arrayTrabajos[i][2][0]-1)*-92);
	$('#porfolio .item:eq('+i+')').children('div').css('background-position',posicionx+1+'px -300px')
	$('#porfolio .item:eq('+i+')').children('div').hover(rollOverPorfolio, rollOutPorfolio);
	$('#porfolio .item:eq('+i+')').children('div').attr('trabajo',i);
	$('#porfolio .item:eq('+i+')').children('div').click(amplia);
}
	
}

function reordena(){

// Variables locales
var coincide = [];
var noCoincide = [];	
var	categoria = parseInt($(this).attr('id')[3]);

// Si estoy ACTIVANDO
if($(this).attr('class')=='inactivo'){
	$(this).attr('class','activo');
	filtro.push($(this).attr('id')[3])
	
	posicionx = $(this).css('background-position').split('px')[0]
	$(this).stop().animate(
		{backgroundPosition:posicionx+' -110'}, 
		{duration:200})
	}

// Si estoy DESACTIVANDO
else {
	$(this).attr('class','inactivo');
	
	for (f=0;f<filtro.length;f++){if(filtro[f] == categoria){filtro.splice(f,1)}}
	};
	// ordeno las categorias para que sean siempre ascendentes
	filtro.sort(function(a,b){return a-b})
	contador=0;
	
	if(filtro.length<1){	filtro = [1,2,3,4,5,6];}	
	
$('.item').each(function(){
	
	existeCoincidencia=false;
	catItem=$(this).attr('categorias').split(',');
	contador++	
	for (i=0; i<catItem.length; i++){
	for(f=0;f<filtro.length;f++){
			if(filtro[f] == parseInt(catItem[i])){
				existeCoincidencia=true;
			}
		}
	}
	
	if(!existeCoincidencia) {
	$(this).attr('filtro','no');
	$(this).fadeOut();
	}
	else if($(this).css('display')=='none') {
	$(this).attr('filtro','si');
	$(this).fadeIn();
	}
});	

	
	//alert(filtro)
	distribuye()	
	
	if(filtro.length>5){
	filtro=[];	
	cargaPie();
	distribuye();

	}
}

function buscaRepetidos(array) {

	var i, j, n;
	n=array.length;
                                                  
	for (i=0; i<n; i++) {                     
		for (j=i+1; j<n; j++) {              
			if (array[i]==array[j]) {
				array.splice(j,1);
				i=0;
				n=array.length;
				j=0;
				}
	}	}
	return array;
}

function distribuye(){
	
	alto=(window.screen.availHeight)
	ancho=(window.screen.availWidth)	
	alto=$(window).height()
	ancho=Math.min(1020,$(window).width())
	
	filas=Math.floor((alto)/105);
	columnas=Math.floor((ancho)/105);
	
	altoArea=Math.min(1020,filas*105*0.9);
	anchoArea=Math.max(columnas*105,180);
	
	
	if($.browser.msie&&$.browser.version<'9'){altoArea*=0.9;}
	
	total=filas*columnas;
	
	fila=0
	columna=0
	
	 $("#menu").animate({width:anchoArea+'px'},{
													queue:false,
													duration:100, 
													complete:function() {}
									  });
		
	 $("#porfolio").animate({width:anchoArea+'px'},{
													queue:false,
													duration:100, 
													complete:function() {}
									  });
	
	 $("#pie").animate({width:anchoArea-22+'px'},{
													queue:false,
													duration:100, 
													complete:function() {}
									  });
									  
	 $("#pie div:eq(0)").css('margin-left',Math.max(0,(-550+anchoArea)/2)+'px')								  
					
	 /*$("#pie div:eq(0)").animate({marginLeft:Math.max(0,(-550+anchoArea)/2)+'px'},{
													queue:false,
													duration:500, 
													complete:function() {}
									  });*/
									  					
	 $("#pie").animate({left:((-anchoArea+$(window).width()+10)/2)+105*columna-1+'px'},{
													queue:false,
													duration:100, 
													complete:function() {}
									  });
	
	$("#oscuro").animate({height:alto*0.85+'px'},{
													queue:false,
													duration:100, 
													complete:function() {}
									  });
	
	$("#oscuro").animate({left:((-anchoArea+$(window).width()+10)/2)+105*columna+'px'},{
													queue:false,
													duration:100, 
													complete:function() {}
									  });	
									  
	$("#oscuro").animate({top:65+105*fila+'px'},{
													queue:false,
													duration:100, 
													complete:function() {}
									  });
									  
	$('#oscuro').animate({width:anchoArea+'px'},{
													queue:false,
													duration:100, 
													complete:function() {}
									  });
									  
	$('#oscuro #izquierda').animate({width:anchoArea*0.825+'px'},{
													queue:false,
													duration:100, 
													complete:function() {}
									  });

	$('#oscuro #izquierda').animate({height:anchoArea+400+'px'},{
													queue:false,
													duration:100, 
													complete:function() {ajusta()}
									  });
	
	var i = 0;							  	  
	$('.item').each(function(){
	if ($(this).css('display')=='block' && !$(this).is(":animated") || $(this).attr("filtro")=="si"){ 
	
	  arr=65+105*fila; 
	  izq=Math.floor(((-anchoArea+$(window).width()+10)/2)+105*columna)	
	
	   $(this).animate({top:arr+'px'},{
													queue:false,
													duration:500, 
													complete:function() {}
									  });
					
	   $(this).animate({left:izq+'px'},{
													queue:false,
													duration:500, 
													complete:function() {}
									  });
	  
	  if($('#oscuro').css('display') == 'block' ){
		 $("#porfolio").css('display','none')
		};
	  
	 // $(".item:eq("+i+")").attr('fila',fila);	
	 // $(".item:eq("+i+")").attr('columna',columna);	

	  columna++
	  if (columna>=columnas){
			columna=0
			fila++
		}
		i++;
		}    
	});
	
	if($('#oscuro div img').height() > altoArea){$('#oscuro #izquierda').height($('#oscuro div img').height());}
	
	
}

function sacaDerecha(){
	
	ancho=Math.min(1020,$(window).width())
	columnas=Math.floor((ancho)/105);
	anchoArea=columnas*105;
	variable=0.825;	
	
	$('#oscuro #arriba').css('display','none')
	$('#oscuro #derecha').css('display','block')
	if(columnas<=5){
	variable=1;	
	$('#oscuro #derecha').css('display','none')
	$('#oscuro #arriba').css('display','block')
	

		}
		
	$('#oscuro #izquierda').animate({width:anchoArea*variable+'px'},{
													queue:false,
													duration:200, 
													complete:function() {}
									  });
									  
	if(determinoPagina()=='contacto'){
		
	$('#oscuro #izquierda').animate({width:Math.max(300,Math.min(400,Math.floor(anchoArea*1/2)))+'px'},{
													queue:false,
													duration:200, 
													complete:function() {
														$('#oscuro #derecha').animate({width:Math.floor(anchoArea-$('#oscuro #izquierda').width()-10)+'px'},{
															queue:false,
															duration:200, 
															complete:function() {}
														});
													}
									  });
									  
		}
	
	}

function ajusta(){
	
	ancho=Math.min(1020,$(window).width())
	columnas=Math.floor((ancho)/105);
	sacaDerecha();
	
	var margenDer = '10px'
	var anchoCampos = 260+'px';
	var visibilidad = 'block'
	var fondoLogo = '0px 0px';
	var anchoLogo = '150px';
	var margenMenu ='10px';
	var anchoM1 = '130px';
	var anchoM2 = '150px';
	var anchoM3 = '163px';
	var posM3 = '-460px 0px';
	var anchoS = '81px';
	var hojaEstilos = 'estilos';
	

	if (columnas<=3){
			 fondoLogo = '-800px -5px';
			 anchoLogo = '45px';
			 margenMenu ='-15px';
			 anchoM1 = '45px';
			 anchoM2 = '48px';
			 anchoM3 = '25px';
			 posM3 = '-875px 0px';
			 anchoS = '18px';
			 anchoCampos = '150px';
			 visibilidad = 'none';
			 hojaEstilos='estilosCelu';
		}else if (columnas==4){
			 fondoLogo = '-50px 0px';
			 anchoLogo = '100px';
			 margenMenu ='0px';
			 anchoM1 = '45px';
			 anchoM2 = '48px';
			 anchoM3 = '48px';
			 anchoCampos = '200px';
			 anchoS = '18px';
			 
		} else if(columnas==5){
			 anchoM1 = '45px';
			 anchoM2 = '48px';
			 anchoM3 = '48px';
			 anchoS = '18px';
			 anchoCampos = '200px';

		} else if(columnas==6){
			 margenMenu ='0px';
			 anchoM3 = '48px';
		} else if(columnas==7){
			 margenMenu ='-5px';
		}
		
		if(columnas>=9){
			$('#derecha div:eq(1)').css('display','block');
		}else {$('#derecha div:eq(1)').css('display','none')}
		
		
		// cammbio la hoja de estilos
		
		$('#logo').css('background-position',fondoLogo);
		$('#logo').css('width',anchoLogo);
		$('#m1').css('margin-left',margenMenu);
		$('#m2').css('margin-left',margenMenu);
		$('#m3').css('margin-left',margenMenu);
		$('#m3').css('background-position',posM3);
		$('#m1').css('width',anchoM1);
		$('#m2').css('width',anchoM2);
		$('#m3').css('width',anchoM3);
		$('#s4').animate({width: anchoS},{queue:false,duration:200});
		$('#s5').animate({width: anchoS},{queue:false,duration:200});
		$('#s6').animate({width: anchoS},{queue:false,duration:200});
		$('#derecha').css('margin-left',margenDer);
		$('input[type="text"]').animate({width: anchoCampos},{queue:false,duration:200});
		$('textarea').animate({width: anchoCampos},{queue:false,duration:200});
		$('.itco').css('display',visibilidad);
		
		$('head link:eq(0)').attr('href','css/'+hojaEstilos+'.css') 

		//$('#pie').css('display',visibilidad)
		
	}

function amplia(){
	
	img = arrayTrabajos[$(this).attr('trabajo')][0]
	tag = arrayTrabajos[$(this).attr('trabajo')][2]
	texto= arrayTrabajos[$(this).attr('trabajo')][1]
	trabajo= texto.substring(4).split('</h1>')[0].replace(/ /g, '-')
	textoArriba= texto.split('<br/>').toString().replace(/,/g, ', ').replace('</h1>', ' - </h1>').replace('</h2>', '<br/> </h2>').replace(/h1/g, 'strong').replace(/h2/g, 'strong');

	$('#porfolio').fadeOut('slow');
	$('#oscuro #izquierda').append('<img src="img/amplia/'+img+'.jpg" width="100%" alt="'+trabajo+'" title="'+trabajo+'" />')
	$('#oscuro #derecha').append('<div id="cerrar"></div><!-- termina cerrar -->'+texto+'<div id="referencias"></div>')
	$('#oscuro #arriba').append(textoArriba+'<div id="referencias"></div>')
	$('#oscuro #izquierda img').click(cierra);

	for(t=0;t<tag.length;t++){	
	$('#oscuro #derecha #referencias').append('<div id="tags" style="background-position:'+-50*tag[t]+'px -10px"></div>')
	$('#oscuro #arriba #referencias').append('<div id="tags" style="background-position:'+-50*tag[t]+'px -10px"></div>')
	}
	
	$('#oscuro').fadeIn('slow');
	$('#pie').fadeOut('slow');
	
	cargaSociales();

	// Boton de CERRAR
	$("#cerrar").click(cierra);
	
	ajusta();
	
}

function cargaSociales(){
	
	url=encodeURIComponent('http://ameba.com.uy/index.php?trabajo='+trabajo);
	alt='Comparte este trabajo de Ameba en ';
	texto=encodeURIComponent('Me gustó este trabajo de Ameba!');

	
	// FACEBOOK
	$('#oscuro #izquierda').append('<a title="'+alt+'facebook" id="s4" href="http://www.facebook.com/share.php?u='+url+'&t='+texto+'" target="_blank"></a>');
	// TWITTER
	$('#oscuro #izquierda').append('<a title="'+alt+'twitter" id="s5" href="http://twitter.com/home?status='+texto+' '+url+'" target="_blank"></a>');
	// LINKEDIN
	$('#oscuro #izquierda').append('<a title="'+alt+'linkedin" id="s6" href="http://www.linkedin.com/shareArticle?mini=true&url='+url+'&title='+texto+'&source= '+url+'" target="_blank"></a>');
	
	
	$('#oscuro #izquierda a').hover(rollOverSocial,rollOutSocial)
	
	
	//$('#oscuro #izquierda').append('<div style="float:right; font-size:10px;">Comparte este trabajo de Ameba en:');

}

function rollOverSocial(){
	
	posx = $(this).css('background-position').split('px')[0];
	posy=' -30px';
	if($.browser.msie&&$.browser.version<'9'){
		$(this).css('background-position-y',posy)
	}
	
	else {
			$(this).parent().children('a').each(function(){
				
			posicionx = $(this).css('background-position').split('px')[0]
			
			if(posx!==posicionx){
					$(this).animate(
						{backgroundPosition:posicionx+posy}, 
						{duration:200})
			}
			
			});
			
		}
			
}

function rollOutSocial(){
	
	posx = $(this).css('background-position').split('px')[0];
	posy=' -0px';	
	
	if($.browser.msie&&$.browser.version<'9'){
		$(this).css('background-position-y',posy)
	}
	
	else {
			$(this).parent().children('a').each(function(){
				
			posicionx = $(this).css('background-position').split('px')[0]
			
			if(posx!==posicionx){
					$(this).animate(
						{backgroundPosition:posicionx+posy}, 
						{duration:200})
			}
			
			});
			
		}
			
}

function cierra(){
	$('#porfolio div').each(function(){
		if($(this).attr('filtro')!=='no'){
		//$(this).fadeIn('slow');
		}
	});
	
	$('#pie').fadeIn('slow');
	$('#porfolio').fadeIn('slow');
	$('#oscuro #izquierda').html('');
	$('#oscuro #derecha').html('');
	$('#oscuro').fadeOut('slow');
	$('#oscuro #arriba').html('');

}

function rollOverMenu(){
			
	if($.browser.msie&&$.browser.version<'9'){
	$(this).css('background-position-y','-30')
	}
	else {
		posicionx = $(this).css('background-position').split('px')[0]
		$(this).stop().animate(
			{backgroundPosition:posicionx+' -30'}, 
			{duration:200})
	}
			
}

function rollOutMenu(){
	if($.browser.msie&&$.browser.version<'9'){
		$(this).css('background-position-y','0')
	}
	else {
	posicionx = $(this).css('background-position').split('px')[0]
	$(this).stop().animate(
	{backgroundPosition:posicionx+' -0'}, 
	{duration:200})
	}
}

function rollOverCat(){
	posicionx = $(this).css('background-position').split('px')[0]
	$(this).stop().animate(
			{backgroundPosition:posicionx+' -110'}, 
			{duration:200})
}

function rollOutCat(){
	if ($(this).attr('class')=='inactivo'){
	posicionx = $(this).css('background-position').split('px')[0]
	$(this).stop().animate(
	{backgroundPosition:posicionx+' -80'}, 
	{duration:200})
	}
}

function rollOverPorfolio(){
	if($.browser.msie&&$.browser.version<'9'){
	$(this).css('background-position-y','-185')
	}
	else {
	posicionx = $(this).css('background-position').split('px')[0]
	
	$(this).stop().animate(
			{backgroundPosition:posicionx+' -185'}, 
			{duration:200})
	}
}

function rollOutPorfolio(){
	if($.browser.msie&&$.browser.version<'9'){
	$(this).css('background-position-y','-300')
	}
	else {
	posicionx = $(this).css('background-position').split('px')[0]
	$(this).stop().animate(
	{backgroundPosition:posicionx+' -300'}, 
	{duration:200})
}
	
}