var initGallery =		function(){
						 
	// We only want these styles applied when javascript is enabled
	//$('div.navigation').css({'width' : '232px', 'height':'389px'});
	//$('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'
	});

	// Enable toggling of the caption
	var captionOpacity = 0.0;
	$('#captionToggle a').click(function(e) {
		var link = $(this);
		
		var isOff = link.hasClass('off');
		var removeClass = isOff ? 'off' : 'on';
		var addClass = isOff ? 'on' : 'off';
		var linkText = isOff ? 'Hide Caption' : 'Show Caption';
		captionOpacity = isOff ? 0.7 : 0.0;

		link.removeClass(removeClass).addClass(addClass).text(linkText).attr('title', linkText);
		$('#caption span.image-caption').fadeTo(1000, captionOpacity);
		
		e.preventDefault();
	});
	
	// Initialize Advanced Galleriffic Gallery
	var gallery = $('#thumbs').galleriffic({
		delay:                     5000,
		numThumbs:                 6,
		preloadAhead:              -1,
		enableTopPager:            true,
		enableBottomPager:         true,
		maxPagesToShow:            3,
		imageContainerSel:         '#slideshow',
		controlsContainerSel:      '#controls',
		captionContainerSel:       '#caption',
		loadingContainerSel:       '#loading',
		renderSSControls:          false,
		renderNavControls:         false,
		playLinkText:              'Play Slideshow',
		pauseLinkText:             'Pause Slideshow',
		prevLinkText:              '‹ Previous Photo',
		nextLinkText:              'Next Photo ›',
		nextPageLinkText:          'Next ›',
		prevPageLinkText:          '‹ Prev',
		enableHistory:             false,
		autoStart:                 true,
		syncTransitions:           false,
		defaultTransitionDuration: 650,
//		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);
//		},
		onTransitionOut:           function(slide, caption, isSync, callback) {
			slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
			caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
		},
		onTransitionIn:            function(slide, caption, isSync) {
			var duration = this.getDefaultTransitionDuration(isSync);
			slide.fadeTo(duration, 1.0);
			
			// Position the caption at the bottom of the image and set its opacity
			var slideImage = slide.find('img');
			caption.width(slideImage.width())
				.css({
					'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2),
					'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
				})
				.fadeTo(duration, captionOpacity);
		}
//		onPageTransitionOut:       function(callback) {
//			alert('onPageTransitionOut')
//			this.fadeTo('fast', 0.0, callback);
//		},
//		onPageTransitionIn:        function() {
//			alert('onPageTransitionIn')
//			this.fadeTo('fast', 1.0);
//		}
//		onImageAdded:              function(imageData, $li) {
//			$li.opacityrollover({
//				mouseOutOpacity:   onMouseOutOpacity,
//				mouseOverOpacity:  1.0,
//				fadeSpeed:         'fast',
//				exemptionSelector: '.selected'
//			});
//		}
		
	});	
}



var getParam = function (name, handle)
{
  var start=handle.indexOf("?"+name+"=");
  if (start<0) start=handle.indexOf("&"+name+"=");
  if (start<0) return '';
  start += name.length+2;
  var end=handle.indexOf("&",start)-1;
  if (end<0) end=handle.length;
  var result='';
  for(var i=start;i<=end;i++) {
    var c=handle.charAt(i);
    result=result+(c=='+'?' ':c);
  }
  return unescape(result);
}



var ajaxSuport = function(id, _divTarget){
	
	var divTarget = _divTarget;
	$('#'+id+' a.ajax').click(function(event){
		event.preventDefault();
		$('#'+divTarget).html('<div id="loading"><img src="'+base_url+'resources/images/backgrounds/loading.gif"/></div>');
		$.get(this.href,
                    {
                    'date': new Date()
                    },
                    function(data){
                         $('#'+divTarget).html(data);
                    }
                );
		
	});
}




var fancyBox = function(){
    $('a.fancybox').fancybox({
        'zoomSpeedIn'		:	300,
        'zoomSpeedOut'		:	200,
        'overlayShow'		:	false,
        'hideOnOverlayClick'    :	true
    });
}



$(function() {
						   
	if ($('#thumbs').length > 0) {
		$('.galeria #contentGallery')
		$('#girlsList ul').css('overflow-y', 'hidden');
		initGallery();
	}
	if ($('.scroll-pane').length > 0) $('.scroll-pane').jScrollPane({	
		showArrows: true									
	});
	
	ajaxSuport('girlsList','galleryUnique');
	fancyBox();
	//initGMapsOnFancyBox();
	
	
	$('a.verMapa').fancybox({
		'frameWidth'		:	960,
		'frameHeight'		:	500,
		'zoomSpeedIn'		:	500,
		'zoomSpeedOut'		:	500,
		'overlayShow'		:	true,
		'overlayColor'		:       '#000'
	});
	
	
	
	$.each($('#girlsList a.ajax'),function(i, elem){
		if($(elem).hasClass('current')){
			$current = $(elem);
		}
		$(elem).click(function(){
			$current.removeClass('current');
			$(this).addClass('current');
			$current = $(this);
			
		});
	});
	
	if($('#slideshowHome').length > 0){
		$('#slideshowHome').cycle({
			fx : 'fade',
			timeout : 4000
		});
	}
	
	
	//$('#textBranding').hide().slideDown(1000);
	
	
	//SCROLL COMMENTS
        $("div.scrollable").scrollable({
		items : '.texts',
		size: 1,
		vertical: true
	});
   
 	//SCROLL COMMENTS
        $("div.wrapperTexts").scrollable({
		items : '.texts',
		size: 1
	});  
   
   

   


        setTimeout(function(){
            $('#gracias').fadeOut('slow');
        }, 5000)


        $(window).load(function(){
            $('.galeria #contentGallery').animate({
                opacity:1
            }, 2000);
        });
});