/*=============================    
jquery.barousel.js 
v.0.1
Julien Decaudin - 05/2011
www.juliendecaudin.com
=============================*/

(function ($) {
    $.fn.barousel = function (callerSettings) {
        var settings = $.extend({
            imageWrapper: '.barousel_image',
            contentWrapper: '.barousel_content',
            contentLinksWrapper: null,
            navWrapper: '.barousel_nav',
            slideDuration: 5000, //duration of each slide in milliseconds
            navType: 1, //0: deactivated; 1: boxes navigation; 2: prev/next navigation; 3: custom navigation
            fadeIn: 1, //fade between slides; activated by default
            fadeInSpeed: 600, //fade duration in milliseconds 
            navFadeInSpeed: 300, //navigation fade in duration in milliseconds 
            navFadeOutSpeed: 1000, //navigation fade out duration in milliseconds 
            navDuration: 5000, //duration after which the navigation disappear
            manualCarousel: 0, //manual carousel if set to 1
            contentResize: 0, //resize content container
            contentResizeSpeed: 300, //content resize speed in milliseconds
            debug: 0
        }, callerSettings || {});

		settings.mainWrapper = $(this);
        settings.imageWrapper = $(this).find(settings.imageWrapper);
        settings.contentWrapper = $(this).find(settings.contentWrapper);
        settings.contentLinksWrapper = $(this).find(settings.contentLinksWrapper);
        settings.navWrapper = $(this).find(settings.navWrapper);
        settings.imageList = settings.imageWrapper.find('img').not('[class*=intro]'); //list of the items' background image (intro image is ignored)
        settings.contentList = settings.contentWrapper.find('div').not('[class*=intro]'); //list of the items' content (intro content is ignored)
        settings.contentLinksList = settings.contentLinksWrapper.find('a'); //list of the items' content links (optional)
        settings.imageIntro = settings.imageWrapper.find('img[class*=intro]');
        settings.contentIntro = settings.contentWrapper.find('div[class*=intro]');
        settings.currentIndex = 0; //index of the current displayed item
        settings.totalItem = settings.imageList.length; //total number of items
        settings.stopCarousel = 0; //flag to stop the carousel
        settings.timerCarousel; //timer for the carousel
        settings.timerNav; //timer for the nav
        settings.navFreeze = 0; //flag to avoid clicking too fast on the nav
        settings.introActive = 0; //flag to know if there is an intro state and if it's active
        settings.firstLoop = true; //flag to know if this is the first loop        
        settings.navDisplayed = true; //flag to know if the nav is displayed

        if (settings.imageWrapper.find('img[class*=intro]').length > 0) {
            settings.introActive = 1;
        }		

        if (settings.totalItem == 1) {
            //$(settings.navWrapper).hide();            
        } else {
            //set the index of each image  
            settings.imageList.each(function (n) { this.index = n; });		

			if(settings.contentWrapper.length > 0){
				//set the index of each content  
	            settings.contentList.each(function (n) { this.index = n; });
	
	            //set the index of each content link (optional) 
	            settings.contentLinksList.each(function (n) { this.index = n; });
	
	            //return error if different number of images and contents
	            if (settings.imageList.length != settings.contentList.length) {
	                /* DEBUG */
	                if (settings.debug == 1) console.log('[Barousel error] images and contents must be the same number');
	                return this;
	            }
	
	            //init the default content height
	            if (settings.contentResize == 1 && settings.introActive == 0) {
	                $(settings.contentWrapper).height($(settings.contentList[settings.currentIndex]).height() + 10);
	            }
	
	            //init the content link default state (optional)
	            if (settings.contentLinksWrapper != null) {
	                $(settings.contentLinksList[settings.currentIndex]).addClass('current');
	            }
	
	            //build the navigation
	            if (settings.navType == 1) {
	                //items navigation type
	                var strNavList = "<ul>";
	                settings.imageList.each(function (n) {
	                    var currentClass = "";
	                    if (n == 0) currentClass = "current";
	                    strNavList += "<li><a href='#' title='" + $(settings.contentList[n]).find('p.header').text() + "' class='" + currentClass + "'>&nbsp;</a></li>";
	                });
	                strNavList += "</ul>";
	                settings.navWrapper.append(strNavList);
	                settings.navList = settings.navWrapper.find('a'); //list of the items' nav link
	
	                //set the index of each nav link
	                settings.navList.each(function (n) { this.index = n; });
	
	            } else if (settings.navType == 2) {
	                //prev/next navigation type
	                var strNavList = "<ul>";
	                strNavList += "<li class='prev'><a href='#' title='previous'>&nbsp;</a></li>";
	                strNavList += "<li class='next'><a href='#' title='next'>&nbsp;</a></li>";
	                strNavList += "</ul><div class='counter'><span class='counter_current'>1</span>/<span class='counter_total'>" + settings.totalItem + "</span></div>";
	                settings.navWrapper.append(strNavList);
	                settings.navList = settings.navWrapper.find('a'); //list of the items' nav link
	            } else if (settings.navType == 3) {
	                //custom navigation [static build]
	                settings.navList = settings.navWrapper.find('a'); //list of the items' nav link
	                //set the index of each nav link
	                settings.navList.each(function (n) { this.index = n; });
	            }
	
	            //init the navigation click event
	            if (settings.navType == 1 || settings.navType == 3) {
	                //items navigation type
	                settings.navList.each(function (n) {
	                    $(this).click(function () {
	                        if (settings.navFreeze == 0) {
	                            window.clearTimeout(settings.timerCarousel);
	                            //settings.stopCarousel = 1;
	                            if (settings.currentIndex != n || settings.introActive == 1) {
	                                loadItem(settings, n);
	                                settings.currentIndex = n;
	                            }
	                        }
	                        settings.introActive = 0;
	                        return false;
	                    });
	                });
	            } else if (settings.navType == 2) {
	                //prev/next navigation type
	                settings.navList.each(function () {
	                    $(this).click(function () {
	                        if (settings.navFreeze == 0) {
	                            window.clearTimeout(settings.timerCarousel);
	                            settings.stopCarousel = 1;
	
	                            if ($(this).parent().hasClass('prev')) {
	                                var previousIndex;
	
	                                if (parseInt(settings.currentIndex) == 0) {
	                                    previousIndex = parseInt(settings.totalItem) - 1;
	                                } else {
	                                    previousIndex = parseInt(settings.currentIndex) - 1;
	                                }
	                                loadItem(settings, previousIndex);
	                                settings.currentIndex = previousIndex;
	
	                            } else if ($(this).parent().hasClass('next')) {
	                                var nextIndex;
	
	                                if (parseInt(settings.currentIndex) == (parseInt(settings.totalItem) - 1)) {
	                                    nextIndex = 0;
	                                } else {
	                                    nextIndex = parseInt(settings.currentIndex) + 1;
	                                }
	                                loadItem(settings, nextIndex);
	                                settings.currentIndex = nextIndex;
	                            }
	                        }
	                        settings.introActive = 0;
	                        return false;
	                    });
	                });
	            }
	            
	            //navigation hover event
	            if (settings.navType == 3) {
	            	var ua = navigator.userAgent;
	            	if(ua.match(/iPad/i)){
	            		settings.mainWrapper.click(function(){	            		
		            		if(!settings.firstLoop){
		            			//show nav
		            			window.clearTimeout(settings.timerNav);
		            			showNav(settings);
		            			
		            			//hide nav after delay            				
	            				var hideNavCall = function () { hideNav(settings); };
			            		settings.timerNav = window.setTimeout(hideNavCall, settings.navDuration);
							}
	            		});	
	            	}else{
	            		settings.mainWrapper.hover(function(){	            		
		            		if(!settings.firstLoop){
		            			//show nav
		            			window.clearTimeout(settings.timerNav);
		            			showNav(settings);
							}
	            		}, function(){
	            			if(!settings.firstLoop){
	            				//hide nav            				
	            				var hideNavCall = function () { hideNav(settings); };
			            		settings.timerNav = window.setTimeout(hideNavCall, settings.navDuration);
							}
	            		});	
	            	}
	            	
            	}
			}
            
            //start the carousel
            if (settings.manualCarousel == 0) {
                var loadItemCall = function () { loadItem(settings, 1); };
                settings.timerCarousel = window.setTimeout(loadItemCall, settings.slideDuration);
            }
        }

        return this;
    };

    var loadItem = function (settings, index) {    	    	
    	
        //reset the nav link current state
        if (settings.navType != 2 && settings.navType != 0) {
            settings.navList.each(function (n) { $(this).removeClass('current'); });
            $(settings.navList[index]).addClass('current');
        }

        //Change the background image then display the new content
        var currentImage;
        if (settings.introActive == 1) {
            currentImage = $(settings.imageIntro);
        } else {
            currentImage = $(settings.imageList[settings.currentIndex]);
        }
        var nextImage = $(settings.imageList[index]);

        /* DEBUG */
        if (settings.debug == 1) {
            console.log('[Barousel loadItem] currentImage:' + currentImage.attr('src'));
            console.log('[Barousel loadItem] nextImage:' + nextImage.attr('src'));
        }

        if (!currentImage.hasClass('default')) { currentImage.attr('class', 'previous'); }
        nextImage.attr('class', 'current');

        //fade-in effect
        if (settings.fadeIn == 0) {
            nextImage.show();
            currentImage.hide();
            loadModuleContent(settings, index);
        } else {
            settings.navFreeze = 1;
            $(settings.contentList).hide();
            nextImage.fadeIn(settings.fadeInSpeed, function () {
                currentImage.hide();
                currentImage.removeClass('previous');
                settings.navFreeze = 0;
            });
            loadModuleContent(settings, index);
        }

        //carousel functionnality (deactivated when the user click on an item)
        if (settings.stopCarousel == 0) {
            settings.currentIndex = index;
            var nextIndex;

            if (settings.currentIndex == settings.totalItem - 1) {
                nextIndex = 0;
                if(settings.firstLoop){
                	settings.firstLoop = false;                	
                	settings.navDisplayed = false;
                	
                	//hide the navigation and content if after first loop                				    	
		    		var hideNavCall = function () { hideNav(settings); };
		            settings.timerNav = window.setTimeout(hideNavCall, settings.navDuration);			    	
                }
            } else {
                nextIndex = parseInt(settings.currentIndex) + 1;
            }
            var loadItemCall = function () { loadItem(settings, nextIndex); };
            settings.timerCarousel = window.setTimeout(loadItemCall, settings.slideDuration);
        }
    };

    var loadModuleContent = function (settings, index) {
    	if(settings.contentWrapper.length > 0){
	    	if (settings.introActive == 1) {
	            $(settings.contentIntro).hide();
	            $(settings.contentWrapper).attr('class', '');
	        }
	
	        //Resize content        
	        if (settings.contentResize == 1 && parseInt($(settings.contentWrapper).height()) != parseInt($(settings.contentList[index]).height() + 10)) {
	            $(settings.contentWrapper).animate({
	                height: $(settings.contentList[index]).height() + 10
	            }, settings.contentResizeSpeed, function () {
	                loadModuleContentAction(settings, index);
	            });
	        } else {
	            loadModuleContentAction(settings, index);
	        }	
    	}        

        //update counter for previous/next nav
        if (settings.navType == 2) {
            $(settings.navWrapper).find('.counter_current').text(index + 1);
        }
    };

    var loadModuleContentAction = function (settings, index) {
        //display the loaded content                
        $(settings.contentList).hide();
        $(settings.contentList[index]).show();

        if (settings.contentLinksWrapper != null) {
            $(settings.contentLinksList).removeClass('current');
            $(settings.contentLinksList[index]).addClass('current');
        }
    };
    
    var hideNav = function (settings) {
    	settings.navDisplayed = false;
    		
		//hide content
		settings.contentWrapper.stop().animate({
			opacity: 0
		}, settings.navFadeOutSpeed);
		
		//hide nav
		settings.navWrapper.stop().animate({
			opacity: 0
		}, settings.navFadeOutSpeed);
    }
    
    var showNav = function (settings) {
    	settings.navDisplayed = true;
    		
		//show content
		settings.contentWrapper.stop().animate({
			opacity: 1
		}, settings.navFadeInSpeed);
		
		//show nav
		settings.navWrapper.stop().animate({
			opacity: 1
		}, settings.navFadeInSpeed);
    }

})(jQuery);