var myInterval;
			$(document).ready(function() {				
				$('#pics').cycle({
					fx:     'fade',
					speed:  'slow',
					timeout: 0,
					autostop: 0,
					pager:  '#nav',
					pagerAnchorBuilder: function(idx, slide) {
						return '#nav li:eq(' + (idx) + ') a';
					}
				});
				interior(1);
				$('#nav li a').click(function(){
					$('#pics').cycle('destroy');
					$('#pics .xifres').cycle('destroy');
					$('#pics .fotos_portada').cycle('destroy');
					
					var i =$(this).parent().attr('class');
					i = parseFloat(i.replace("opcio", ""));
					
					$('#pics').cycle({
						fx:     'fade',
						speed:  'slow',
						timeout: 0,
						startingSlide: (i-1),
						pager:  '#nav',
						pagerAnchorBuilder: function(idx, slide) {
							return '#nav li:eq(' + (idx) + ') a';
						}
					});
					interior(i);
				});
			});
			function interior(id){
				if($('#pics #diapo'+id+' .xifres li').size() > 1){
					$('#pics #diapo'+id+' .xifres').cycle({
						fx:     'fade',
						speed:  'slow',
						timeout: 4000,
						autostop: 1, 
						end: function() {
							if(id==5){id=0;}
							$('#pics').cycle((id));
							interior(id+1);
					    }
					});
					$('#pics #diapo'+id+' .fotos_portada').cycle({
						fx:     'fade',
						speed:  'slow',
						timeout: 4000,
						autostop: 1
					});
				}else{
					myInterval = setInterval(seguent,4000,id);
				}
			}
			function seguent(id){
				clearInterval(myInterval);
				if(id==5){id=0;}
				$('#pics').cycle((id));
				interior(id+1);
			}