/*
 * jQuery FlickrGallery - jQuery plug-in
 * Version 1.0.1, Released 
 *
 * Copyright (c) 2008 Steven Dugas
 * This work is licensed under a Creative Commons Attribution 3.0 Unported License.
 */
(function($) {
    $.fn.flickrGallery = function(options) {

        var defaults = {
            galleryHeight : 'auto',  			// either [string] 'auto' or [integer]. If [integer] gallery will have a strict height to that number.
            useFlickr : 'false',  				// [string], 'true' or 'false'. Determines if gallery is local or flickr based.
            useFlickrLargeSize: 'false', 		// [string], 'true' or 'false'. Determines whether gallery is Large or Small.
            flickrAPIKey: '',   				// [string], required for Flickr gallery.
            photosetID: '',    					// [string], required for Flickr gallery.
            per_page: 30,       				// [integer], amount of thumbnails per 'page'.
            useHoverIntent: 'false',			// [string], 'true' or 'false'. Uses HoverIntent plugin for better Hovers.
            useLightBox: 'true'				// [string], 'true' or 'false. Uses jQuery Lightbox plugin for Small Images
        };
        var options = $.extend(defaults, options);
        //options.galleryHeight = 'auto';
        return this.each(function() {
            obj = $(this);

            // Massive function to create the Image Gallery and register all event handlers. Must be a function to recreate gallery on Next/Prev Page.
            function makeGallery(){
		
                // Create Variables
                var flickrLargeImg;
                var theCaption;
                var container;
                var stepCount;
                var count = 1;
                var totalImageCount = 0;
                var currentImageCount = 1;
                thumbs = obj.find('ul');
                thumbs.addClass('galleryUL');
		
                // If useFlickr is true, create Flickr-only buttons.
                if ( options.useFlickr == 'true' ) {
                    obj.prepend('<div class="largeImageWrap"><div class="largeImage_nextPage"></div><div class="largeImage_prevPage"></div><a href="" class="largeImage_flickrLink" target="_blank"><span>Flickr</span></a><div class="largeImage_prev"><span>Prev</span></div><div class="largeImage_next"><span>Next</span></div><div class="largeImage"></div><div class="caption"></div></div>');
                } else {
                    //obj.prepend('<div class="largeImageWrap"><div class="largeImage_nextPage"></div><div class="largeImage_prevPage"></div><a href="" class="largeImage_flickrLink" target="_blank"><span>Flickr</span></a><div class="largeImage_prev"><span>Prev</span></div><div class="largeImage_next"><span>Next</span></div><div class="largeImage"></div><div class="caption"></div></div>');
                    obj.prepend('<h3 class="tituloGal caption" style="color: #F4AA00;"></h3><div class="largeImageWrap"><div class="largeImage_prev png"><span>Prev</span></div><div class="largeImage_next png"><span>Next</span></div><div class="largeImage"></div><div class="caption"></div></div>');
                };
		
                var largeImageWrap = obj.find('.largeImageWrap');
                var nextPage = obj.find('.largeImage_nextPage');
                var prevPage = obj.find('.largeImage_prevPage');
                var nextImg = obj.find('.largeImage_next');
                var prevImg = obj.find('.largeImage_prev');
                var largeImageFlickrLink = obj.find('.largeImage_flickrLink');
                var largeImage = obj.find('.largeImage');
                var imgCaption = obj.find('.caption');

		
		
                // Determine if gallery is fixed or auto height. If Fixed, set height.
                if ( options.galleryHeight != 'auto' ) {
                    var theHeight = parseFloat(options.galleryHeight);
                    largeImageWrap.animate({
                        height: '429px'
                    }, 600);
                }
		
                // If Flickr Gallery is on, disable links in Thumbnails.
                if ( options.useFlickr == 'true' ) {
                    thumbs.children().click(function(){
                        return false;
                    });
                };
	
                // Add unique IDs to each thumbnail image

                thumbs.wrap('<div class="sliderGallery"></div>');
                var sliderGallery = obj.find('.sliderGallery');
                sliderGallery.wrap('<div class="sliderGallery_Wrap"></div>');
                var sliderGalleryWrap = obj.find('.sliderGallery_Wrap');
                sliderGallery.append('<div class="slider width_slider1"><div class="handle png"></div></div>');
                var theSlider = obj.find('.slider');
                var theHandle = obj.find('.handle');
                count = 1;
                totalImageCount = 0;
                currentImageCount = 1;
                obj.find('.galleryUL img').each(function(){
                    var IESRC = $(this).attr('src');
                    $(this).attr('src',IESRC);
                    $(this).attr('id','galleryThumb_'+count);
                    count++;
                    totalImageCount++;
                });

                // Function for clicking Next Page. This is a Flickr-only function.
                nextPage.click(function(){
                    currentPage = parseFloat($(obj).find('input:eq(0)').val());
                    totalPages = parseFloat($(obj).find('input:eq(1)').val());
                    nextPage = currentPage + 1;
                    if ( nextPage > totalPages ) {
                        nextPage = 1;
                    };
                    $(theSlider, container).slider("destroy");
                    sliderGalleryWrap.hide();
                    $(obj).children().slideUp();
                    obj.slideUp('slow',function(){
                        obj.empty();
                        obj.flickr({
                            api_key: options.flickrAPIKey,
                            type: 'photoset',
                            photoset_id: options.photosetID,
                            thumb_size: 'm',
                            per_page: options.per_page,
                            page: nextPage,
                            callback: function(){
                                makeGallery();
                            }
                        });
                        obj.slideDown();
                    });
                });
		
                // Function for clicking Previous Page. This is a Flickr function.
                prevPage.click(function(){
                    currentPage = parseFloat($(obj).find('input:eq(0)').val());
                    totalPages = parseFloat($(obj).find('input:eq(1)').val());
                    prevPage = currentPage - 1;
                    if ( prevPage == 0 ) {
                        prevPage = totalPages;
                    };
                    $(theSlider, container).slider("destroy");
                    sliderGalleryWrap.hide();
                    $(obj).children().slideUp();
                    obj.slideUp('slow',function(){
                        obj.empty();
                        obj.flickr({
                            api_key: options.flickrAPIKey,
                            type: 'photoset',
                            photoset_id: options.photosetID,
                            thumb_size: 'm',
                            per_page: options.per_page,
                            page: prevPage,
                            callback: function(){
                                makeGallery();
                            }
                        });
                        obj.slideDown();
                    });
                });
		
                // calcHeight function, used to process image changing on next, prev or click.

                function calcHeight() {
		
                    largeImage.fadeOut(function(){
                        function doHeight(){
                            largeImage.fadeIn(function(){

                                //var imgWidth = 0;
                                //var imgWidth = largeImage.find('img').width();
                                var imgHeight = largeImage.find('img').attr('usemap');
                                var imgHeightTemp = imgHeight.split(" ");
                                var Height = imgHeightTemp[3];
                                //alert(Height);

                                $(largeImage.find('img')).attr('height', Height);

                                //var imgHeight = largeImage.find('img').height();
                                var imgHeight2 = Height;
                                var captionHeight = imgCaption.height();
                                largeImage.find('img').css({
                                    position: '',
                                    visibility: 'visible',
                                    display: 'none'
                                });
                                if ( options.galleryHeight == 'auto' ) {
                                    largeImageWrap.animate({
                                        height: imgHeight2+captionHeight+'px'
                                    }, function(){
                                        largeImage.find('img').fadeIn(); imgCaption.fadeIn();
                                    });
                                } else {
                                    largeImage.find('img').fadeIn();
                                    imgCaption.fadeIn();
                                };
						
                            });
                            slideValue = currentImageCount-1;
                            slideValue = slideValue * stepCount;
                            $(theSlider, container).slider("moveTo",slideValue);
                        };
                        $(this).find('img').remove();
                        imgCaption.empty();
                        var i = new Image();
				
                        if ( options.useFlickr == 'medio' ) {
                            if ( options.useFlickrLargeSize == 'true') {
                                flickrLargeImg = thumbs.find('#galleryThumb_'+currentImageCount).parent().attr('href');
                                flickrLink = thumbs.find('#galleryThumb_'+currentImageCount).parent().attr('title')
                                theCaption = thumbs.find('#galleryThumb_'+currentImageCount).attr('alt');
                                i.onload = doHeight;
                                i.src = flickrLargeImg;
                                largeImage.append(i);
                            } else {
					    
                                flickrLink = thumbs.find('#galleryThumb_'+currentImageCount).parent().attr('title');
                                flickrLargeImg = thumbs.find('#galleryThumb_'+currentImageCount).parent().attr('rel');
                                theCaption = thumbs.find('#galleryThumb_'+currentImageCount).attr('alt');
                                i.onload = doHeight;
                                i.src = thumbs.find('#galleryThumb_'+currentImageCount).attr('src');
                                largeImage.append(i);
                                //flickrLargeImg = thumbs.find('#galleryThumb_'+currentImageCount).parent().attr('href');
                                if ( options.useLightBox == 'true') {
                                    largeImage.find('img').wrap('<a href="'+flickrLargeImg+'" title="'+theCaption+'"></a>');
                                //largeImage.find('a').lightBox();
                                };
                            }
                            largeImageFlickrLink.attr('href',flickrLink);
                            largeImage.find('img').addClass(''+currentImageCount+'');
                        } else {
                            flickrLargeImg = thumbs.find('#galleryThumb_'+currentImageCount).parent().attr('rel');
                            thumbs.find('#galleryThumb_'+currentImageCount).clone().css('opacity',1).appendTo(largeImage);
                            theCaption = thumbs.find('#galleryThumb_'+currentImageCount).attr('title');
                            doHeight();
                            if ( options.useLightBox == 'true') {
                                largeImage.find('img').wrap('<a href="'+flickrLargeImg+'" title="'+theCaption+'"></a>');
                            }
                        };
                        imgCaption.append(theCaption).hide();
                        largeImage.find('img').css({
                            position: 'absolute',
                            visibility: 'hidden',
                            display: 'block'
                        }).addClass(''+currentImageCount+'').attr('title',theCaption);
                    });
                };
		


                // Create the slider
                //                var bla = $('#thumbs_1').children().size();
                //                alert(bla);
                obj.find('div.sliderGallery').each(function(){
                    var totalCount = totalImageCount;
                    var tamanho = totalCount * 116;
                    $('#thumbs_1').css('width', tamanho);
                    if(totalCount == 1){
                        $('div.sliderGallery').css({
                            visibility: 'hidden'
                        });
                    }else if(totalCount <= 6){
                        $('div.slider').css({
                            visibility: 'hidden'
                        });
                    }
                });
                obj.find('div.sliderGallery').each(function(){
                    container = $(this);
                    var ul = thumbs;
                    var itemsWidth = ul.innerWidth() - container.outerWidth();
                    var totalCount = totalImageCount;
                    totalCount = parseFloat(totalCount);
                    stepCount = itemsWidth/totalCount;
                    var division = itemsWidth / totalCount;
                    var theValue = 0;
                    if(totalCount > 6){
                        //alert(itemsWidth);
                        $(theSlider, container).slider({
                            animate: true,
                            min: 0,
                            max: itemsWidth,
                            handle: theHandle,
                            steps:totalCount,
                            stop: function (event, ui) {
                                obj.find('.galleryUL').animate({
                                    'left' : ui.value * -1
                                    }, 300);
                                theValue = ui.value;
                            },
                            slide: function (event, ui) {
                                obj.find('.galleryUL').css('left', ui.value * -1);
                            }
                        });
//                        $(theSlider).slider("option", "animate", true);
//                        obj.find('.galleryUL').css('left', '-200px');
//                        alert(obj.find('.galleryUL').html());
                    }
                    obj.find('.galleryUL img').click(function(){
                        var clickThumb = $(this);
                        var startCount = 0;
                        var theCaption = $(this).attr('title');
                        currentImageCount = $(this).attr('id');
                        currentImageCount = parseFloat(currentImageCount.split("_",2)[1]);
                        calcHeight();
                    });
                });

                // End of SlideBar
	

                //  Fade in the first image with caption
                function startHeight() {
                    imgCaption.append(theCaption).hide();
                    largeImage.find('img').css({
                        position: '',
                        visibility: 'visible',
                        display: 'none'
                    });
                    largeImage.find('img').addClass(''+currentImageCount+'').attr('title',theCaption);
                    largeImage.show(function(){
                        imgHeight = largeImage.find('img').height();
                        captionHeight = imgCaption.height();
                        if ( options.galleryHeight == 'auto' ) {
                            largeImageWrap.animate({
                                height: imgHeight+captionHeight+'px'
                            },'slow','swing',
                            function(){
                                largeImage.css({
                                    visibility: 'visible'
                                });
                                imgCaption.fadeIn();
                                largeImage.find('img').fadeIn(300, function(){
                                    sliderGallery.hide().wrapInner('<div id="sliderGalleryInnerWrap"></div>');
                                    var sliderGalleryInnerWrap = obj.find('#sliderGalleryInnerWrap');
                                    sliderGalleryInnerWrap.hide();
                                    sliderGalleryWrap.show();
                                    sliderGallery.slideDown('slow', function(){
                                        sliderGalleryInnerWrap.fadeIn();
                                    });
                                });
                            });
                        } else {
                            largeImage.css({
                                visibility: 'visible'
                            });
                            largeImage.find('img').fadeIn('slow', function(){
                                sliderGallery.hide().wrapInner('<div id="sliderGalleryInnerWrap"></div>');
                                var sliderGalleryInnerWrap = obj.find('#sliderGalleryInnerWrap');
                                sliderGalleryInnerWrap.hide();
                                sliderGalleryWrap.show();
                                sliderGallery.slideDown('slow', function(){
                                    sliderGalleryInnerWrap.fadeIn('slow');
                                });
                            });
                            imgCaption.fadeIn('slow');
                        };
                    });
                };
                sliderGalleryWrap.hide();
                largeImage.hide().css({
                    visibility: 'hidden'
                });
                var i = new Image();
                if ( options.useFlickr == 'medio' ) {
                    if ( options.useFlickrLargeSize == 'true') {
                        flickrLargeImg = thumbs.find('#galleryThumb_'+currentImageCount).parent().attr('href');
                        flickrLink = thumbs.find('#galleryThumb_'+currentImageCount).parent().attr('title')
                        theCaption = thumbs.find('#galleryThumb_'+currentImageCount).attr('alt');
                        i.onload = startHeight;
                        i.src = flickrLargeImg;
                        largeImage.append(i);
                    } else {
                        flickrLargeImg = thumbs.find('#galleryThumb_'+currentImageCount).parent().attr('rel');
                        flickrLink = thumbs.find('#galleryThumb_'+currentImageCount).parent().attr('title')
                        thumbs.find('#galleryThumb_'+currentImageCount).clone().appendTo(largeImage);
                        theCaption = thumbs.find('#galleryThumb_'+currentImageCount).attr('alt');
                        if ( options.useLightBox == 'true') {
                            largeImage.find('img').wrap('<a href="'+flickrLargeImg+'" title="'+theCaption+'"></a>');
                            //largeImage.find('a').lightBox();
                        }
                        startHeight();
                    }
                    largeImageFlickrLink.attr('href',flickrLink);
                    largeImage.find('img').addClass(''+currentImageCount+'');
                } else {
                    flickrLargeImg = thumbs.find('#galleryThumb_'+currentImageCount).parent().attr('rel');
                    thumbs.find('#galleryThumb_'+currentImageCount).clone().appendTo(largeImage);
                    theCaption = thumbs.find('#galleryThumb_'+currentImageCount).attr('title');
                    startHeight();
                    if ( options.useLightBox == 'true') {
                        largeImage.find('img').wrap('<a href="'+flickrLargeImg+'" title="'+theCaption+'"></a>');
                    }

                };
                // Function to fadeIn or fadeOut Next/Prev buttons on hover.
                if ( options.useHoverIntent == 'false' ) {
                    largeImageWrap.hover(function(){
                        prevImg.fadeIn();
                        nextImg.fadeIn();
                        largeImageFlickrLink.fadeIn();
                        nextPage.fadeIn();
                        prevPage.fadeIn();
                    },function(){
                        obj.find('.largeImage_prev').fadeOut();
                        obj.find('.largeImage_next').fadeOut();
                        obj.find('.largeImage_flickrLink').fadeOut();
                        obj.find('.largeImage_prevPage').fadeOut();
                        obj.find('.largeImage_nextPage').fadeOut();
                    });
                    $(thumbs).children().find('img').hover(function(){
                        $(this).animate({
                            opacity: 1
                        }, 300);
                    },function(){
                        $(this).animate({
                            opacity: .7
                        }, 300);
                    });
                } else {
                    function hoverOn() {
                        prevImg.fadeIn();
                        nextImg.fadeIn();
                        largeImageFlickrLink.fadeIn();
                        nextPage.fadeIn();
                        prevPage.fadeIn();
                    };
                    function hoverOff() {
                        obj.find('.largeImage_prev').fadeOut();
                        obj.find('.largeImage_next').fadeOut();
                        obj.find('.largeImage_flickrLink').fadeOut();
                        obj.find('.largeImage_prevPage').fadeOut();
                        obj.find('.largeImage_nextPage').fadeOut();
                    };
                    var config = {
                        sensitivity: 3, // number = sensitivity threshold (must be 1 or higher)
                        interval: 50, // number = milliseconds for onMouseOver polling interval
                        over: hoverOn, // function = onMouseOver callback (REQUIRED)
                        timeout: 200, // number = milliseconds delay before onMouseOut
                        out: hoverOff // function = onMouseOut callback (REQUIRED)
                    };
                    largeImageWrap.hoverIntent(config);
                    function thumbHoverOn() {
                        $(this).animate({
                            opacity: 1
                        }, 300);
                    };
                    function thumbHoverOff() {
                        $(this).animate({
                            opacity: .7
                        }, 300);
                    };
                    var config2 = {
                        sensitivity: 1, // number = sensitivity threshold (must be 1 or higher)
                        interval: 25, // number = milliseconds for onMouseOver polling interval
                        over: thumbHoverOn, // function = onMouseOver callback (REQUIRED)
                        timeout: 50, // number = milliseconds delay before onMouseOut
                        out: thumbHoverOff // function = onMouseOut callback (REQUIRED)
                    };
                    $(thumbs).children().find('img').hoverIntent(config2);
                };
                // Change the opacity when hovering over thumbnails
                // Function for Previous button onclick
                prevImg.click(function(){
                    var theSRC = largeImage.find('img').attr('src');
                    currentImageCount = largeImage.find('img').attr('class');
                    var newSRC = "";
                    var newImage = "";
                    var fixIE = "";
                    var prevImageCount = currentImageCount - 1;
                    if ( prevImageCount < 1 ) {
                        currentImageCount = totalImageCount;
                    } else {
                        currentImageCount = prevImageCount;
                    };
                    newSRC = thumbs.find('#galleryThumb_'+currentImageCount).attr('src');
                    newImage = thumbs.find('#galleryThumb_'+currentImageCount).clone().css('opacity',1).addClass(''+currentImageCount+'');
                    calcHeight();
                });
		
                // Function for Next button onclick
                nextImg.click(function(){
                    var theSRC = largeImage.find('img').attr('src');
                    currentImageCount = largeImage.find('img').attr('class');
                    currentImageCount = parseFloat(currentImageCount);
                    var newSRC = "";
                    var theCaption = "";
                    var newImage = "";
                    var nextImageCount = currentImageCount + 1;
                    if ( nextImageCount > totalImageCount ) {
                        currentImageCount = 1;
                    } else {
                        currentImageCount = nextImageCount;
                    };
                    newSRC = thumbs.find('#galleryThumb_'+currentImageCount).attr('src');
                    newImage = thumbs.find('#galleryThumb_'+currentImageCount).clone().css('opacity',1).addClass(''+currentImageCount+'');
                    calcHeight();
                });
            };
	
            // Finally, if useFlickr is true, download images and create UL structure before creating Gallery. Else, just create Gallery.
            if ( options.useFlickr == 'true' ) {
                obj.flickr({
                    api_key: options.flickrAPIKey,
                    type: 'photoset',
                    photoset_id: options.photosetID,
                    thumb_size: 'm',
                    per_page: options.per_page,
                    page: 1,
                    callback: function(){
                        makeGallery();
                    }
                });
            }else {
                makeGallery();
            };
        });
    };
})(jQuery);