/*
 * jQuery Orbit Plugin 1.2.3
 * www.ZURB.com/playground
 * Copyright 2010, ZURB
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
*/

function scrollbarWidth() {
    var div = $('<div style="width:50px;height:50px;overflow:hidden;position:absolute;top:-200px;left:-200px;"><div style="height:100px;"></div>');
    // Append our div, do our calculation and then remove it
    $('body').append(div);
    var w1 = $('div', div).innerWidth();
    div.css('overflow-y', 'scroll');
    var w2 = $('div', div).innerWidth();
    $(div).remove();
    return (w1 - w2);
}
function scrollbarHeight() {
    var div = $('<div style="width:50px;height:50px;overflow:hidden;position:absolute;top:-200px;left:-200px;"><div style="width:100px;"></div>');
    // Append our div, do our calculation and then remove it
    $('body').append(div);
    var w1 = $('div', div).innerHeight();
    div.css('overflow-x', 'scroll');
    var w2 = $('div', div).innerHeight();
    $(div).remove();
    return (w1 - w2);
}

(function($) {

	$.fn.hasVerticalScrollBar = function (){
		return this.get(0).scrollHeight > this.height();
	}
	$.fn.hasHorizontalScrollBar = function (){
		return this.get(0).scrollWidth > this.width();
	}    
    $.fn.orbit = function(options) {

        //Defaults to extend options
        var defaults = {  
            animation: 'fade', 					// fade, horizontal-slide, vertical-slide, horizontal-push
            animationSpeed: 1500, 				// how fast animtions are
            timer: true, 						// true or false to have the timer
            advanceSpeed: 5000, 				// if timer is enabled, time between transitions 
            pauseOnHover: false, 				// if you hover pauses the slider
            startClockOnMouseOut: false, 		// if clock should start on MouseOut
            startClockOnMouseOutAfter: 1000, 	// how long after MouseOut should the timer start again
            directionalNav: false, 				// manual advancing directional navs
            captions: true, 					// do you want captions?
            captionAnimation: 'fade', 			// fade, slideOpen, none
            captionAnimationSpeed: 600, 		// if so how quickly should they animate in
            bullets: false,						// true or false to activate the bullet navigation
            bulletThumbs: false,				// thumbnails for the bullets
            bulletThumbLocation: '',			// location from this file where thumbs will be
            afterSlideChange: function(){} 		// empty function 
     	};  
        
        //Extend those options
        var options = $.extend(defaults, options); 
	
        return this.each(function() {
        
// ==============
// ! SETUP   
// ==============
        
            //Global Variables
            var activeSlide = 0,
				resizeTimer = 0,
            	numberSlides = 0,
            	orbitWidth,
            	orbitHeight,
            	locked;
			var timerWasRunning = false;
            
			
            //Initialize
			onWindowResize(true);
			
            var orbit = $(this).addClass('orbit'),         
            	orbitWrapper = orbit.wrap('<div class="orbit-wrapper" />').parent();
            orbit.add(orbitWidth).width('1px').height('1px');
	    	        
            //Collect all slides and set slider size of largest image
            var slides = orbit.children('img, a, div');
            slides.each(function() {
                var _slide = $(this),
                	_slideWidth = _slide.width(),
                	_slideHeight = _slide.height();
                if(_slideWidth > orbit.width()) {
	                orbit.add(orbitWrapper).width(_slideWidth);
	                orbitWidth = orbit.width();	       			
	            }
	            if(_slideHeight > orbit.height()) {
	                orbit.add(orbitWrapper).height(_slideHeight);
	                orbitHeight = orbit.height();
				}
                numberSlides++;
            });
            
            //Animation locking functions
            function unlock() {
                locked = false;
            }
            function lock() { 
                locked = true;
            }
            
            //If there is only a single slide remove nav, timer and bullets
            if(slides.length == 1) {
            	options.directionalNav = false;
            	options.timer = false;
            	options.bullets = false;
            }
            
            //Set initial front photo z-index and fades it in
            slides.eq(activeSlide)
            	.css({"z-index" : 3})
            	.fadeIn(function() {
            		//brings in all other slides IF css declares a display: none
            		slides.css({"display":"block"})
            	});
            
			
			function onWindowResize(first){
				// original image size 
				var origImg = {
					width: 1600, 
					height: 826
				}
				var marginDiff = 22; //$('header.hdr').first().attr('offsetHeight');
				
				var ratio =  origImg.width/origImg.height; // ratio calculation base on width
				
				// minimum size for the image
				var minX = 990;
				var minY = minX/ratio;
				
				var vpMinX = 990;
				var vpMinY = 511;
			
				var top = 0; 
				var left = 0; 
				
				$('#crsl-big').css({width: '1px;', height: '1px;'});
				
				var viewportWidth = Math.max($('body').innerWidth(), minX);
				var viewportHeight = Math.max($(window).height(), vpMinY);
				
				/*if($(document).height() > $(window).height()) { 
					if(first)viewportHeight = viewportHeight + scrollbarHeight() + marginDiff/2;
				 
				 	viewportWidth = viewportWidth -  scrollbarWidth() + 6;
				}*/
				
			 	// taille de l'article
			 	// répération des tailles de l'article
				var articleh = $('#main-article').attr('offsetHeight');
				var articlew = $('#main-article').attr('offsetWidth');
				// prendre le fait que l'on "remonte" la zone de 20px dans tous les cas => 
				// 40 (en dur ci-dessous) - 20 (dans la ligne fixant le top) = 20 de marge entre le menu et l'article
				var wrapperh = $('header.hdr').first().outerHeight(true) + 60;
				
				var docH = articleh + wrapperh;
				
				
				var width = viewportWidth;
				// adapt image height to viewport width while respecting the ratio
				var height = Math.max(($(window).height()), minY);
				
				
				if(clock){
					if (timerRunning) {
						timerWasRunning = true;
						stopClock();
					}
					if(timerWasRunning){
						if(resizeTimer) clearTimeout(resizeTimer);
						resizeTimer = setTimeout(startClock, 1000);
					}
					
				}
				
				if($(window).width() < vpMinX){ // ne modifier que le positionnement horizontal de l'image
					
				} else {
					if(ratio < (viewportWidth / (viewportHeight - marginDiff))){
						height = $(window).width() / ratio;
						if(height >= viewportHeight){
							//height = viewportHeight;
							top = (viewportHeight - height) / 2;
						}
					}
				}
				
				if(($(window).height()) < vpMinY){ // ne modifier que le positionnement vetical
						
				} else {
					width = height * ratio;
				}
				var vph = 0;
				if(docH > viewportHeight){
					height = Math.max(docH, height);
					width = height * ratio 
					vph = height;
					top = (vph -height) / 2;
				}
				if(width > $(window).width()) left = (viewportWidth - width) / 2;
				var delta = 10;
				
				$('#featured').css({
					width: (viewportWidth-delta)+'px',
					height: (Math.max(vph, viewportHeight) - delta ) +'px'
				})
				
				$('.content').css({
					width: (viewportWidth-delta)+'px', 
					height: (Math.max(vph, viewportHeight) - delta ) +'px'
				})
				
				if ($('.orbit-wrapper')) {
					$('.orbit-wrapper').css({
						width: (viewportWidth-delta)+'px',
						height: (Math.max(vph, viewportHeight) - delta ) +'px'
					})
				}
				
				
				$('img.crsl-itm').css({
					width: (Math.max(viewportWidth, width) - delta)+'px',
					height: (Math.max(viewportHeight, height))+'px',
					top: top+'px', 
					left: left+'px'
				});
				
				// régler lorsque taille plus petite que taille article + marginDiff
				$('#main-article').css({
					// le premier paramètre de Math.max est dynamique et le deuxième fixe l'article à sa position max en y
					top: (Math.max(($(window).height()/2) - (articleh / 2), wrapperh) - 20)+'px', 
					left: (Math.max(($('div.wrapper').first().attr('offsetWidth')/2) - (articlew/2), 191))+'px'
				});
				$('div.feEditAdvanced-editPanelDiv').css({
					top: (Math.max(($(window).height()/2) - (articleh / 2), wrapperh) - 42)+'px', 
					left: (Math.max(($('div.wrapper').first().attr('offsetWidth')/2) - (articlew/2), 191))+'px'
				});
				
				$('div.wrapper').css({height: viewportHeight - 20+'px'});
				$('#crsl-big').css({visibility: 'visible',width: viewportWidth - 20+'px', height: viewportHeight - 20+'px'});
				$('#cnt').css({visibility: 'visible'});
				//$('#ftr').css({visibility: 'visible'});
				$('#crsl-big').animate({opacity: 1.0}, {
					duration: 1200,
					easing: 'easeInCirc'
				});
				$('#main-article').css({visibility: 'visible'});
				options.articleOpen.isOpened = true;
			}
// ==============
// ! TIMER   
// ==============

            //Timer Execution
            function startClock() {
            	if(!options.timer  || options.timer == 'false') { 
            		return false;
            	//if timer is hidden, don't need to do crazy calculations
            	} else if(timer.is(':hidden')) {
		            clock = setInterval(function(e){
						shift("next");  
		            }, options.advanceSpeed);            		
		        //if timer is visible and working, let's do some math
            	} else {
		            timerRunning = true;
		            pause.removeClass('active')
		            clock = setInterval(function(e){
		                var degreeCSS = "rotate("+degrees+"deg)"
		                degrees += 2
		                rotator.css({ 
		                    "-webkit-transform": degreeCSS,
		                    "-moz-transform": degreeCSS,
		                    "-o-transform": degreeCSS
		                });
		                if(degrees > 180) {
		                    rotator.addClass('move');
		                    mask.addClass('move');
		                }
		                if(degrees > 360) {
		                    rotator.removeClass('move');
		                    mask.removeClass('move');
		                    degrees = 0;
		                    shift("next");
		                }
		            }, options.advanceSpeed/180);
				}
	        }
	        function stopClock() {
	        	if(!options.timer || options.timer == 'false') { return false; } else {
		            timerRunning = false;
		            clearInterval(clock);
		            pause.addClass('active');
				}
	        }  
            
			$(window).resize(function (e) {
				onWindowResize(false);
			});  
            //Timer Setup
            if(options.timer) {         	
                var timerHTML = '<div class="timer"><span class="mask"><span class="rotator"></span></span><span class="pause"></span></div>'
                orbitWrapper.append(timerHTML);
                var timer = $('div.timer'),
                	timerRunning;
                if(timer.length != 0) {
                    var rotator = $('div.timer span.rotator'),
                    	mask = $('div.timer span.mask'),
                    	pause = $('div.timer span.pause'),
                    	degrees = 0,
                    	clock; 
                    startClock();
                    timer.click(function() {
                        if(!timerRunning) {
                            startClock();
                        } else { 
                            stopClock();
                        }
                    });
                    if(options.startClockOnMouseOut){
                        var outTimer;
                        orbitWrapper.mouseleave(function() {
                            outTimer = setTimeout(function() {
                                if(!timerRunning){
                                    startClock();
                                }
                            }, options.startClockOnMouseOutAfter)
                        })
                        orbitWrapper.mouseenter(function() {
                            clearTimeout(outTimer);
                        })
                    }
                }
            }  
	        
	        //Pause Timer on hover
	        if(options.pauseOnHover) {
		        orbitWrapper.mouseenter(function() {
		        	stopClock(); 
		        });
		   	}
            
// ==============
// ! CAPTIONS   
// ==============
                     
            //Caption Setup
            if(options.captions) {
                var captionHTML = '<div class="orbit-caption"></div>';
                orbitWrapper.append(captionHTML);
                var caption = orbitWrapper.children('.orbit-caption');
            	setCaption();
            }
			
			//Caption Execution
            function setCaption() {
            	if(!options.captions || options.captions =="false") {
            		return false; 
            	} else {
	            	var _captionLocation = slides.eq(activeSlide).data('caption'); //get ID from rel tag on image
	            		_captionHTML = $(_captionLocation).html(); //get HTML from the matching HTML entity            		
	            	//Set HTML for the caption if it exists
	            	if(_captionHTML) {
	            		caption
		            		.attr('id',_captionLocation) // Add ID caption
		                	.html(_captionHTML); // Change HTML in Caption 
		                //Animations for Caption entrances
		             	if(options.captionAnimation == 'none') {
		             		caption.show();
		             	}
		             	if(options.captionAnimation == 'fade') {
		             		caption.fadeIn(options.captionAnimationSpeed);
		             	}
		             	if(options.captionAnimation == 'slideOpen') {
		             		caption.slideDown(options.captionAnimationSpeed);
		             	}
	            	} else {
	            		//Animations for Caption exits
	            		if(options.captionAnimation == 'none') {
		             		caption.hide();
		             	}
		             	if(options.captionAnimation == 'fade') {
		             		caption.fadeOut(options.captionAnimationSpeed);
		             	}
		             	if(options.captionAnimation == 'slideOpen') {
		             		caption.slideUp(options.captionAnimationSpeed);
		             	}
	            	}
				}
            }
            
// ==================
// ! DIRECTIONAL NAV   
// ==================

            //DirectionalNav { rightButton --> shift("next"), leftButton --> shift("prev");
            if(options.directionalNav) {
            	if(options.directionalNav == "false") { return false; }
                var directionalNavHTML = '<div class="slider-nav"><span class="right">Right</span><span class="left">Left</span></div>';
                orbitWrapper.append(directionalNavHTML);
                var leftBtn = orbitWrapper.children('div.slider-nav').children('span.left'),
                	rightBtn = orbitWrapper.children('div.slider-nav').children('span.right');
                leftBtn.click(function() { 
                    stopClock();
                    shift("prev");
                });
                rightBtn.click(function() {
                    stopClock();
                    shift("next")
                });
            }
            
// ==================
// ! BULLET NAV   
// ==================
            
            //Bullet Nav Setup
            if(options.bullets) { 
            	var bulletHTML = '<ul class="orbit-bullets"></ul>';            	
            	orbitWrapper.append(bulletHTML);
            	var bullets = $('ul.orbit-bullets');
            	for(i=0; i<numberSlides; i++) {
            		var liMarkup = $('<li>'+(i+1)+'</li>');
            		if(options.bulletThumbs) {
            			var	thumbName = slides.eq(i).data('thumb');
            			if(thumbName) {
            				var liMarkup = $('<li class="has-thumb">'+i+'</li>')
            				liMarkup.css({"background" : "url("+options.bulletThumbLocation+thumbName+") no-repeat"});
            			}
            		} 
            		$('ul.orbit-bullets').append(liMarkup);
            		liMarkup.data('index',i);
            		liMarkup.click(function() {
            			stopClock();
            			shift($(this).data('index'));
            		});
            	}
            	setActiveBullet();
            }
            
            //Bullet Nav Execution
        	function setActiveBullet() { 
        		if(!options.bullets) { return false; } else {
	        		bullets.children('li').removeClass('active').eq(activeSlide).addClass('active');
	        	}
        	}
        	
// ====================
// ! SHIFT ANIMATIONS   
// ====================
            
            //Animating the shift!
            function shift(direction) {
        	    //remember previous activeSlide
                var prevActiveSlide = activeSlide,
                	slideDirection = direction;
                //exit function if bullet clicked is same as the current image
                if(prevActiveSlide == slideDirection) { return false; }
                //reset Z & Unlock
                function resetAndUnlock() {
                    slides
                    	.eq(prevActiveSlide)
                    	.css({"z-index" : 1});
                    unlock();
                    options.afterSlideChange.call(this);
                }
                if(slides.length == "1") { return false; }
                if(!locked) {
                    lock();
					 //deduce the proper activeImage
                    if(direction == "next") {
                        activeSlide++
                        if(activeSlide == numberSlides) {
                            activeSlide = 0;
                        }
                    } else if(direction == "prev") {
                        activeSlide--
                        if(activeSlide < 0) {
                            activeSlide = numberSlides-1;
                        }
                    } else {
                        activeSlide = direction;
                        if (prevActiveSlide < activeSlide) { 
                            slideDirection = "next";
                        } else if (prevActiveSlide > activeSlide) { 
                            slideDirection = "prev"
                        }
                    }
                    //set to correct bullet
                     setActiveBullet();  
                     
                    //set previous slide z-index to one below what new activeSlide will be
                    slides
                    	.eq(prevActiveSlide)
                    	.css({"z-index" : 2});    
                    
                    //fade
                    if(options.animation == "fade") {
                        slides
                        	.eq(activeSlide)
                        	.css({"opacity" : 0, "z-index" : 3})
                        	.animate({"opacity" : 1}, options.animationSpeed, resetAndUnlock);
                    }
                    //horizontal-slide
                    if(options.animation == "horizontal-slide") {
                        if(slideDirection == "next") {
                            slides
                            	.eq(activeSlide)
                            	.css({"left": orbitWidth, "z-index" : 3})
                            	.animate({"left" : 0}, options.animationSpeed, resetAndUnlock);
                        }
                        if(slideDirection == "prev") {
                            slides
                            	.eq(activeSlide)
                            	.css({"left": -orbitWidth, "z-index" : 3})
                            	.animate({"left" : 0}, options.animationSpeed, resetAndUnlock);
                        }
                    }
                    //vertical-slide
                    if(options.animation == "vertical-slide") { 
                        if(slideDirection == "prev") {
                            slides
                            	.eq(activeSlide)
                            	.css({"top": orbitHeight, "z-index" : 3})
                            	.animate({"top" : 0}, options.animationSpeed, resetAndUnlock);
                        }
                        if(slideDirection == "next") {
                            slides
                            	.eq(activeSlide)
                            	.css({"top": -orbitHeight, "z-index" : 3})
                            	.animate({"top" : 0}, options.animationSpeed, resetAndUnlock);
                        }
                    }
                    //push-over
                    if(options.animation == "horizontal-push") {
                        if(slideDirection == "next") {
                            slides
                            	.eq(activeSlide)
                            	.css({"left": orbitWidth, "z-index" : 3})
                            	.animate({"left" : 0}, options.animationSpeed, resetAndUnlock);
                            slides
                            	.eq(prevActiveSlide)
                            	.animate({"left" : -orbitWidth}, options.animationSpeed);
                        }
                        if(slideDirection == "prev") {
                            slides
                            	.eq(activeSlide)
                            	.css({"left": -orbitWidth, "z-index" : 3})
                            	.animate({"left" : 0}, options.animationSpeed, resetAndUnlock);
							slides
                            	.eq(prevActiveSlide)
                            	.animate({"left" : orbitWidth}, options.animationSpeed);
                        }
                    }
                    setCaption();
                } //lock
            }//orbit function
        });//each call
    }//orbit plugin call
})(jQuery);