jQuery(document).ready(function() {
//	$('#ul_modulo > li').corner();
/*	$('#ul_modulo > li').corner("round 8px").parent().css('padding', '4px').corner("round 10px")
	$('.enlaces > li').corner();
	$('#loop').corner("round 8px").parent().css('padding', '4px').corner("round 10px");*/
	jQuery('#loop').cycle('fade');
	jQuery('#enlaces').cycle('fade');
/*	$('ul.gallery').galleria({
						history   : true, // activates the history object for bookmarking, back-button etc.
						clickNext : true, // helper for making the image clickable
						insert: '#preview-panel',
						onImage   : function(image,caption,thumb) { // let's add some image effects for demonstration purposes
		
							// fade in the image & caption
							if(! ($.browser.mozilla && navigator.appVersion.indexOf("Win")!=-1) ) { // FF/Win fades large images terribly slow
								image.css('display','none').fadeIn(500);
							}
							caption.css('display','none').fadeIn(500);
							
							// fetch the thumbnail container
							var _li = thumb.parents('li');
							
							// fade out inactive thumbnail
							_li.siblings().children('img.selected').fadeTo(500,0.3);
							
							// fade in active thumbnail
							thumb.fadeTo('fast',1).addClass('selected');
							
							// add a title for the clickable image
							image.attr('title','Next image >>');
						},
						onThumb : function(thumb) { // thumbnail effects goes here
		
							// fetch the thumbnail container
							var _li = thumb.parents('li');
							
							// if thumbnail is active, fade all the way.
							var _fadeTo = _li.is('.active') ? '1' : '0.6';
							
							// fade in the thumbnail when finnished loading
							thumb.css({display:'none',opacity:_fadeTo}).fadeIn(750);
							
							// hover effects
							thumb.hover(
								function() { thumb.fadeTo('fast',1); },
								function() { _li.not('.active').children('img').fadeTo('fast',0.3); } // don't fade out if the parent is active
							)
						}

					});*/

// We only want these styles applied when javascript is enabled
				//$('div.navigation').css({'width' : '300px', 'float' : 'left'});
				$('div.content').css('display', 'block');

				// Initially set opacity on thumbs and add
				// additional styling for hover effect on thumbs
 				var onMouseOutOpacity = 0.67;
 				$('#thumbs ul.thumbs li').opacityrollover({
 					mouseOutOpacity:   onMouseOutOpacity,
 					mouseOverOpacity:  1.0,
 					fadeSpeed:         'fast',
 					exemptionSelector: '.selected'
 				});
				
				// Initialize Advanced Galleriffic Gallery
				var gallery = $('#thumbs').galleriffic({
					delay:                     2500,
					numThumbs:                 9,
					preloadAhead:              10,
					enableTopPager:            false,
					enableBottomPager:         true,
					maxPagesToShow:            7,
					imageContainerSel:         '#preview-panel',
					controlsContainerSel:      '#controls',
					captionContainerSel:       '#caption',
					loadingContainerSel:       '#loading',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Iniciar Slideshow',
					pauseLinkText:             'Pausa Slideshow',
					prevLinkText:              '‹ Anterior',
					nextLinkText:              'Siguiente ›',
					nextPageLinkText:          'Sig ›',
					prevPageLinkText:          '‹ Ant',
					enableHistory:             false,
					autoStart:                 false,
					syncTransitions:           false,
					defaultTransitionDuration: 900,
 					onSlideChange:             function(prevIndex, nextIndex) {
 						// 'this' refers to the gallery, which is an extension of $('#thumbs')
 						this.find('ul.thumbs').children()
 							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
 							.eq(nextIndex).fadeTo('fast', 1.0);
					},
 					onPageTransitionOut:       function(callback) {
 						this.fadeTo('fast', 0.0, callback);
 					},
 					onPageTransitionIn:        function() {
 						this.fadeTo('fast', 1.0);
 					}
				});

});