$(document).ready(function(){
							
$(function() {

	// initialize scrollable
	$("div.scrollable").scrollable({size: 3});
});

$(function() {

$(".items img").click(function() {

	// nombres de archivos
	var name = $(this).attr("alt");
	var fondo = $(this).attr("src").replace("_mini", "");
	var fondo = fondo.replace("descargas/", "");
	var fondo = fondo.replace(".jpg", "");
	var medium = $(this).attr("src").replace("mini", "medium");
	var pan1 = "descarga.php?fondo="+fondo+"&res=1280x800";
	var pan2 = "descarga.php?fondo="+fondo+"&res=1440x900";
	var pan3 = "descarga.php?fondo="+fondo+"&res=1680x1050";
	var pan4 = "descarga.php?fondo="+fondo+"&res=1920x1200";
	var est1 = "descarga.php?fondo="+fondo+"&res=1024x768";
	var est2 = "descarga.php?fondo="+fondo+"&res=1280x960";
	var est3 = "descarga.php?fondo="+fondo+"&res=1400x1050";
	var est4 = "descarga.php?fondo="+fondo+"&res=1600x1200";
	var iphone = "descarga.php?fondo="+fondo+"&res=iphone";
	var psp = "descarga.php?fondo="+fondo+"&res=psp";


									   $('#image_wrap').html('<table width="840px" border="1" style="margin:0 auto;"><tr><td rowspan="8" align="left"><img src="'+medium+'" width="398" height="269" alt="'+name+'" /></td><td height="50px">&nbsp;</td><td height="50px">&nbsp;</td><td height="50px">&nbsp;</td></tr><tr><td class="fondo_cat">Panor&aacute;mico</td><td class="fondo_cat">Est&aacute;ndar</td><td class="fondo_cat">M&oacute;vil</td></tr><tr><td class="fondo_dim"><a href="'+pan1+'" target="_blank">1280x800</a></td><td class="fondo_dim"><a href="'+est1+'" target="_blank">1024x768</a></td><td class="fondo_dim"><a href="'+iphone+'" target="_blank">iPhone</a></td></tr><tr><td class="fondo_dim"><a href="'+pan2+'" target="_blank">1440x900</a></td><td class="fondo_dim"><a href="'+est2+'" target="_blank">1280x960</a></td><td class="fondo_dim"><a href="'+psp+'" target="_blank">PSP</a></td></tr><tr><td class="fondo_dim"><a href="'+pan3+'" target="_blank">1680x1050</a></td><td class="fondo_dim"><a href="'+est3+'" target="_blank">1400x1050</a></td><td class="fondo_dim">&nbsp;</td></tr><tr><td class="fondo_dim"><a href="'+pan4+'" target="_blank">1920x1200</a></td><td class="fondo_dim"><a href="'+est4+'" target="_blank">1600x1200</a></td><td class="fondo_dim">&nbsp;</td></tr><tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr></table>');



	
}).filter(":first").click();
});
   
 });