// JavaScript Document
$(document).ready(function(){
	var portfolio = new Array();
		portfolio[0]="Portfolio/portfolio1.jpg";
		portfolio[1]="Portfolio/portfolio2.jpg";
		portfolio[2]="Portfolio/portfolio3.jpg";
		portfolio[3]="Portfolio/portfolio4.jpg";
		portfolio[4]="Portfolio/portfolio5.jpg";
		portfolio[5]="Portfolio/portfolio6.jpg";
		portfolio[6]="Portfolio/portfolio7.jpg";
		portfolio[7]="Portfolio/portfolio9.jpg";
		portfolio[8]="Portfolio/portfolio10.jpg";
		portfolio[9]="Portfolio/portfolio11.jpg";
		portfolio[10]="Portfolio/portfolio12.jpg";
		portfolio[11]="Portfolio/portfolio13.jpg";		
		portfolio[12]="Portfolio/portfolio14.jpg";
		portfolio[13]="Portfolio/portfolio15.jpg";
		portfolio[14]="Portfolio/portfolio16.jpg";
		portfolio[15]="Portfolio/portfolio17.jpg";
		portfolio[16]="Portfolio/portfolio18.jpg";
		portfolio[17]="Portfolio/portfolio19.jpg";

	comp = "<div id='portafolio'>";
	for(imagen in portfolio)
		{
			comp += "<img src='"+portfolio[imagen]+"' width='518'/>";
		}
	comp+="</div>";
	$('.texto').append(comp);
	
	$(".texto a").hide();
	$("#portafolio").css({width:"530px",height:"386px","text-align":"center", margin:"0 auto"});
	$("#portafolio").before('<ul id="navPortfolio">').cycle(
	{fx:"scrollHorz",
	 timeout:0,
	 next:"#nextPortfolio",
	 prev:"#prevPortfolio",
	 pagerClick: function(){
		 $('#navPortfolio').fadeOut('fast');
		 setTimeout("$('#portafolio').fadeIn('slow');$('a#nextPortfolio').show();$('a#prevPortfolio').show();$('#miniatura').show();$('.caja').show('slow');", 450);
		 },
	 speed:"slow",
	 pager:  '#navPortfolio',
	 slideExpr: 'img',
	 pagerAnchorBuilder: function(idx, slide) { 
		return '<li><a href="#"><img src="' + slide.src + '" width="60" height="60" /></a></li>'; 
	}  
	 }).hide();
	
	$("#miniatura").click( function(){
	$(this).hide();
	$('#portafolio').fadeOut('fast');
	setTimeout("$('#navPortfolio').fadeIn('slow')",200);
	$("a#nextPortfolio").hide();
	$("a#prevPortfolio").hide();
	//$(".caja").hide();
	});

/*	$('ul#galeria').serialScroll({
		items:'li',
		prev:'a#prev',
		next:'a#next',
		offset:-230, //when scrolling to photo, stop 230 before reaching it (from the left)
		start:5, //as we are centering it, start at the 2nd
		duration:1200,
		force:true,
		stop:false,
		lock:false,
		cycle:false, //don't pull back once you reach the end
		jump: true //click on the images to scroll to them
	});
*/
});