/* ==================================================

Custom jQuery functions.

================================================== */

/////////////////////////////////////////////
// NO CONFLICT
/////////////////////////////////////////////

var $j = jQuery.noConflict();

var onLoad = {
    init: function(){
        var deviceAgent = navigator.userAgent.toLowerCase();
        var agentID = deviceAgent.match(/(iphone|ipad|ipod|android)/);
        if (!agentID) {
            header.init();
        }
        nav.init();
        portfolioAjax.init();
        onePageAjax.init();
        slider.init();
        portfolioSorting.init();
        prettyPhoto.init();
        contactForm.init();
        reloadFunctions.init();
        baseFunctions.init();
        // Open the social icons in a new tab/page
        $j('.twitter a, .facebook a, .dribbble a, .vimeo a, .tumblr a, .spotify a, .skype a, .linkedin a, .googleplus a, .flickr a, .youtube a, .behance a, .pinterest a').attr('target', '_blank');
    }
};


/////////////////////////////////////////////
// HEADER
/////////////////////////////////////////////

var header = {
init: function () {
        var $header = $j('#header-section'),
            $logo = $j('#logo').find('img'),
            $nav = $j('#main-navigation'),
            $window = $j(window),
            $headerIsDynamic = true;
                            $headerIsDynamic = true;
                        if ($headerIsDynamic) {
                $window.scroll(function () {
                    if ($window.scrollTop() > 70 && $window.width() > 959) {
                        header.animate($header, $logo, $nav);
                    } else {
                        setTimeout(function () {
                            if ($window.scrollTop() < 70) {
                                header.reset($header, $logo, $nav);
                            }
                        }, 700);
                    }
                });
            }
        },
        animate: function ($header, $logo, $nav) {
            $header.filter(':not(:animated)').animate({
                    "height": 53,
                    "borderTopWidth": 5
            });
            $logo.filter(':not(:animated)').animate({
                "height": 31
            });
            $nav.filter(':not(:animated)').animate({
                "marginTop": 16,
                "marginBottom": 16
            });
        },
        reset: function ($header, $logo, $nav) {
            $header.filter(':not(:animated)').animate({
                "height": 95,
                "borderTopWidth": 10
            });
            $logo.filter(':not(:animated)').animate({
                "height": 75
            });
            $nav.filter(':not(:animated)').animate({
                "marginTop": 38,
                "marginBottom": 38
        });
    }
};


/////////////////////////////////////////////
// NAVIGATION
/////////////////////////////////////////////

var nav = {
    init: function(){

        // Main Nav
      
        var $body = $j('body'), $current_page = $j('.current-menu-item'), $header = $j('#header-section'), $logo = $j('#logo').find('img'), $nav = $j('#main-navigation').find('ul.menu'), $window = $j(window);
        var $offset = 0, $standard_offset = 0, $home_offset = -145; $headerIsDynamic = true;
        
                    $headerIsDynamic = true;
                
        if ($window.width() < 1024) {
            $standard_offset = -15;
        } else if (!$headerIsDynamic) {
            $standard_offset = -70;
            $j('.section').css('padding-top', '30px');
        }else {
            $standard_offset = -45;
        }
        $current_page.addClass('current');
        
        if ($body.hasClass('home')) {

            var $nav_link_parent = $j('.menu').find('li');
            $nav_link_parent.on('click', 'a', function(e) {

                var $nav_link_title = $j(this).attr('title');

                if ($nav_link_title) {
                    e.preventDefault();
                }

                if ($j(this).parent().is(':first-child')) {
                    $offset = $home_offset;       
                } else {
                    $offset = $standard_offset;
                }

                $j.smoothScroll({
                    scrollTarget: '#' + $nav_link_title,
                    offset: $offset,
                    easing: 'easeInOutExpo',
                    speed: 700
                });

                var $current = $j(this);
                $nav_link_parent.removeClass('current');
                $current.parent().addClass('current');
            });
        }

        // Mobile Nav
        var $mobile_select = $j('.dropdown-menu');

        if ($body.hasClass('home')) {

            $mobile_select.change(function(e) {
                e.preventDefault();

                var $mob_nav_selected = '#' + $j('.dropdown-menu option:selected').attr('class');
				
				if ($mob_nav_selected == '#') {
				
					window.location = $j(this).find("option:selected").val();
				
				} else {
				
	                var $offset = -20;
	
	                $j.smoothScroll({
	                    scrollTarget: $mob_nav_selected,
	                    offset: $offset,
	                    easing: 'easeInOutExpo',
	                    speed: 700
	                });
                }
            });
        
        } else {

            $mobile_select.change(function() {
                window.location = $j(this).find("option:selected").val();
            });

        }
    }   
};

// Change menu active when scroll through sections
$j(window).scroll(function () {
    var $inview = $j('#content > section:in-viewport:first').attr('id');
    var $menu_item = $j('.menu li a');
    var $link = $menu_item.filter('[title=' + $inview + ']');

    if ($link.length && !$link.is('.current')) {
        $menu_item.parent().removeClass('current');
        $link.parent().addClass('current');
    }
});

/////////////////////////////////////////////
// PORTFOLIO AJAX FUNCTIONS
/////////////////////////////////////////////

var portfolioAjax = {
    init: function(){
        var $portfolio_section = $j('#portfolio'), $portfolio_items = $j('.portfolio-items'), $cont = $j('.portfolio-ajax-drawer'), $loading_bay = $j('.loading-bay'), $controls = $j('.controls'), $loading = $j('#portfolio').find('.loading'), $small_loading = $j('#portfolio').find('.small-loading');
        var $current = null, $current_item = null, $currentPostID  = null, $nextPortfolioPost = null, $prevPortfolioPost = null, $prevPortfolioPostID = null, $nextPortfolioPostID = null;
        var $offset = -55, $window_width = $j(window).width();

        function itemChanged() {
            $current_item = $j($current).parent().parent();
            $current_item.addClass('current-item');
            $currentPostID = $j($current).attr('href');
            $nextPost = $j($current_item).closest('li.item').next('li.item').find('a.link');
            $prevPost = $j($current_item).closest('li.item').prev('li.item').find('a.link');
            $prevPostID = $j($prevPost).attr('href');
            $nextPostID = $j($nextPost).attr('href');
            $controls.find('#portfolio-prev').attr('href', $prevPostID);
            $controls.find('#portfolio-next').attr('href', $nextPostID);
            if(typeof $nextPostID  == 'string') {
                $j('a#portfolio-next').show();
            } else {
                $j('a#portfolio-next').hide();
            }
            if(typeof $prevPostID  == 'string') {
                $j('a#portfolio-prev').show();
            } else {
                $j('a#portfolio-prev').hide();
            }
        }

        function countItems() {
            var $count = $cont.children().length;
            if ($count > 1) {
                $cont.find('article:first-child').remove();
            }
        }

        function onAfter(curr, next, opts, fwd) {
            var index = opts.currSlide;

            //get the height of the current slide
            var $slide_height = $j(this).outerHeight(true);

            //set the container's height to that of the current slide
            $cont.animate({height: $slide_height});
            
            $cont.find('img.size-full').each(function() {
            	$j(this).css("height", "auto");
            });

            setTimeout(function() {
                $controls.css('display', 'inline-block');
                $small_loading.hide();
            }, 1000);
        }

        $portfolio_items.on('click','a.link',function(e){
            e.preventDefault();
            if ($current_item) {
                $current_item.removeClass('current-item');
            }

            $j.smoothScroll({
                scrollTarget: $portfolio_section,
                offset: $offset
            });

            // Set current item and next/prev controls
            $current = $j(this);
            itemChanged();
            
            if ($cont.is(":visible")) {
                countItems();
                $controls.hide();
                $small_loading.css('display', 'inline-block');
                $loading_bay.load($currentPostID + ' article.type-portfolio', function(response, status, xhr){
                    var $error = $j("#error");
                    if (status != 'error') {
                        $cont.append($loading_bay.find('article'));
                        $cont.cycle({
                            fx: "scrollUp",
                            delay: -4000,
                            autostop: 1,
                            after: onAfter
                        });
                        slider.init();                    
                        prettyPhoto.init();
                        reloadFunctions.init();
                    } else {
                        $error.html('Error: ' + xhr.status + ' ' + xhr.statusText);
                    }
                });
            
            } else {

                $loading.slideDown(400);

                $cont.load($currentPostID + ' article.type-portfolio', function(response, status, xhr){
                    var $error = $j("#error");
                    if (status != 'error') {
                        $loading.hide();

                        var $bg_image;

                                                    $bg_image = 'http://bien-chez-soi.com/wp-content/uploads/2012/10/1.png';
                        
                        $cont.css('background-image', 'url(' + $bg_image + ')');
                        
                        $cont.slideDown(600);
                        
                        //get the height of the current slide
                        var $slide_height = $cont.find('article').outerHeight(true);

                        //set the container's height to that of the current slide
                        $cont.animate({height: $slide_height});
						
						$cont.find('img.size-full').each(function() {
							$j(this).css("height", "auto");
						});
						
                        $controls.css('display', 'inline-block');
                        slider.init();
                        prettyPhoto.init();
                        reloadFunctions.init();
                    } else {
                        $error.html('Error: ' + xhr.status + ' ' + xhr.statusText);
                    }
                });

            }

         });
        
        
        $controls.on('click', 'a#portfolio-close',function(e) {
            e.preventDefault();
            $cont.slideUp(600);
            $controls.hide();
            $current_item.removeClass('current-item');
            $j.smoothScroll({
                scrollTarget:$portfolio_section,
                offset: $offset
            });
        });

        $controls.on('click', 'a#portfolio-prev',function(e) {
            e.preventDefault();
            $current_item.removeClass('current-item');
            $j.smoothScroll({
                scrollTarget: $portfolio_section,
                offset: $offset
            });
            countItems();
            $controls.hide();
            $small_loading.css('display', 'inline-block');
            $loading_bay.load($prevPostID + ' article.type-portfolio', function(response, status, xhr){
                var $error = $j("#error");
                if (status != 'error') {
                    $cont.append($loading_bay.find('article'));
                    $cont.cycle({
                        fx: "scrollRight",
                        delay: -4000,
                        autostop: 1,
                        after: onAfter
                    });
                    slider.init();                    
                    prettyPhoto.init();
                    reloadFunctions.init();
                } else {
                    $error.html('Error: ' + xhr.status + ' ' + xhr.statusText);
                }
                $current = $j($prevPost);
                itemChanged();
            });
        });

        $controls.on('click', 'a#portfolio-next',function(e) {
            e.preventDefault();
            $current_item.removeClass('current-item');
            $j.smoothScroll({
                scrollTarget: $portfolio_section,
                offset: $offset
            });
            countItems();
            $controls.hide();
            $small_loading.css('display', 'inline-block');
            $loading_bay.load($nextPostID + ' article.type-portfolio', function(response, status, xhr){
                var $error = $j("#error");
                if (status != 'error') {
                    $cont.append($loading_bay.find('article'));
                    $cont.cycle({
                        fx: "scrollLeft",
                        delay: -4000,
                        autostop: 1,
                        after: onAfter
                    });
                    slider.init();                    
                    prettyPhoto.init();
                    reloadFunctions.init();
                } else {
                    $error.html('Error: ' + xhr.status + ' ' + xhr.statusText);
                }
                $current = $j($nextPost);
                itemChanged();
            });
        });

    }
};



/////////////////////////////////////////////
// ONE PAGE AJAX FUNCTION
/////////////////////////////////////////////

var onePageAjax = {
    init: function(){

        
        var $about_section = $j('#about');
        var $about_cont = $j('#about .ajax-content');
        var $about_loading = $j('#about .loading');


        $about_loading.show();
        $about_cont.load('https://bien-chez-soi.com/a-propos-2/' + ' .ajax-load-content', function(response, status, xhr){
            var $error = $j("#error");
            if (status != 'error') {
                $about_loading.hide();
                $about_cont.fadeIn(600);
                reloadFunctions.init();
                prettyPhoto.init();
            } else {
                $error.html('Error: ' + xhr.status + ' ' + xhr.statusText);
            }
        });

        
        
                var $cpone_section = $j('#custom-page-one');
                var $cpone_cont = $j('#custom-page-one .ajax-content');
                var $cpone_loading = $j('#custom-page-one .loading');

                $cpone_loading.show();
                $cpone_cont.load('https://bien-chez-soi.com/nos-services-2/' + ' .ajax-load-content', function(response, status, xhr){
                    var $error = $j("#error");
                    if (status != 'error') {
                        $cpone_loading.hide();
                        $cpone_cont.fadeIn(600);
                        reloadFunctions.init();
                        prettyPhoto.init();
                    } else {
                        $error.html('Error: ' + xhr.status + ' ' + xhr.statusText);
                    }
                });
                
        
        
                var $cptwo_section = $j('#custom-page-two');
                var $cptwo_cont = $j('#custom-page-two .ajax-content');
                var $cptwo_loading = $j('#custom-page-two .loading');

                $cptwo_loading.show();
                $cptwo_cont.load('https://bien-chez-soi.com/contact/' + ' .ajax-load-content', function(response, status, xhr){
                    var $error = $j("#error");
                    if (status != 'error') {
                        $cptwo_loading.hide();
                        $cptwo_cont.fadeIn(600);
                        reloadFunctions.init();
                        prettyPhoto.init();
                    } else {
                        $error.html('Error: ' + xhr.status + ' ' + xhr.statusText);
                    }
                });
                
        
        
    }   
};


/////////////////////////////////////////////
// Flexslider
/////////////////////////////////////////////

var slider = {
    init: function() {
        $j('.flexslider').flexslider({
            animation: "fade",             //String: Select your animation type, "fade" or "slide"
            slideDirection: "horizontal",   //String: Select the sliding direction, "horizontal" or "vertical"
            slideshow: true,                //Boolean: Animate slider automatically
            slideshowSpeed: 5000,           //Integer: Set the speed of the slideshow cycling, in milliseconds
            animationDuration: 400,         //Integer: Set the speed of animations, in milliseconds
            directionNav: true,             //Boolean: Create navigation for previous/next navigation? (true/false)
            controlNav: true,               //Boolean: Create navigation for paging control of each clide? Note: Leave true for manualControls usage
            keyboardNav: true,              //Boolean: Allow slider navigating via keyboard left/right keys
            mousewheel: false,              //Boolean: Allow slider navigating via mousewheel
            prevText: "Previous",           //String: Set the text for the "previous" directionNav item
            nextText: "Next",               //String: Set the text for the "next" directionNav item
            pausePlay: false,               //Boolean: Create pause/play dynamic element
            pauseText: 'Pause',             //String: Set the text for the "pause" pausePlay item
            playText: 'Play',               //String: Set the text for the "play" pausePlay item
            randomize: false,               //Boolean: Randomize slide order
            slideToStart: 0,                //Integer: The slide that the slider should start on. Array notation (0 = first slide)
            animationLoop: true,            //Boolean: Should the animation loop? If false, directionNav will received "disable" classes at either end
            pauseOnAction: true,            //Boolean: Pause the slideshow when interacting with control elements, highly recommended.
            pauseOnHover: false,            //Boolean: Pause the slideshow when hovering over slider, then resume when no longer hovering
            controlsContainer: "",          //Selector: Declare which container the navigation elements should be appended too. Default container is the flexSlider element. Example use would be ".flexslider-container", "#container", etc. If the given element is not found, the default action will be taken.
            manualControls: "",             //Selector: Declare custom control navigation. Example would be ".flex-control-nav li" or "#tabs-nav li img", etc. The number of elements in your controlNav should match the number of slides/tabs.
            start: function(slider){
                $j(slider).css('background-image', 'none');
            },                              //Callback: function(slider) - Fires when the slider loads the first slide
            before: function(){},           //Callback: function(slider) - Fires asynchronously with each slider animation
            after: function(){},            //Callback: function(slider) - Fires after each slider animation completes
            end: function(){}               //Callback: function(slider) - Fires when the slider reaches the last slide (asynchronous)
        });
    }
}

/////////////////////////////////////////////
// Portfolio Sorting
/////////////////////////////////////////////

var portfolioSorting = {
    init: function() {

        (function($j) {
            $j.fn.sorted = function(customOptions) {
                var options = {
                  reversed: false,
                  by: function(a) { return a.text(); }
                };

                $j.extend(options, customOptions);

                $data = $j(this);
                arr = $data.get();

                return $j(arr);
        
            };

        })($j);

        $j(function() {

            var read_button = function(class_names) {
                
                var r = {
                    selected: false,
                    type: 0
                };
                
                for (var i=0; i < class_names.length; i++) {
                    
                    if (class_names[i].indexOf('selected-') == 0) {
                        r.selected = true;
                    }
                
                    if (class_names[i].indexOf('segment-') == 0) {
                        r.segment = class_names[i].split('-')[1];
                    }
                };
                
                return r;
                
            };
        
            var sort = function($buttons) {
                var $selected = $buttons.parent().filter('[class*="selected"]');
                return $selected.find('a').attr('data-value');
            };

            // get the first collection
            var $portfolio_items = $j('.portfolio-items');

            // clone applications to get a second collection
            var $data = $portfolio_items.clone();

            var $filter_selection = $j('#portfolio-filter')

            $filter_selection.each(function(i) {

                var $selection = $j(this);
                var $buttons = $selection.find('a');

                $buttons.bind('click', function(e) {
            
                    var $button = $j(this);
                    var $button_container = $button.parent();
                    var button_properties = read_button($button_container.attr('class').split(' '));
                    var selected = button_properties.selected;

                    if (!selected) {

                        $buttons.parent().removeClass();
                        $button_container.addClass('selected');

                        var sorting = sort($filter_selection.eq(0).find('a'));

                        if (sorting == 'all') {
                            var $filtered_data = $data.find('li');
                        } else {
                            var $filtered_data = $data.find('li.' + sorting);
                        }

                        var $sorted_data = $filtered_data.sorted({
                            by: function(v) {
                                return $j(v).find('strong').text().toLowerCase();
                            }
                        });

                        $portfolio_items.quicksand($sorted_data, {
                          duration: 1000,
                          adjustHeight: 'dynamic',
                          easing: 'easeOutQuint'
                        }, function(){prettyPhoto.init();});
            
                    }
                
                    e.preventDefault();

                });

            });

        });        

    }
}


/////////////////////////////////////////////
// PrettyPhoto Functions
/////////////////////////////////////////////

var prettyPhoto = {
    init: function() {
		
		var deviceAgent = navigator.userAgent.toLowerCase();
		var agentID = deviceAgent.match(/(iphone|ipod|ipad|android)/);
		if (agentID) {
			$j("a[data-gal^='prettyPhoto']").on("click", function(e) {
				e.preventDefault();
			});
		} else {
	        $j("a[data-gal^='prettyPhoto']").prettyPhoto({
	            animation_speed: 'fast', /* fast/slow/normal */
	            slideshow: 5000, /* false OR interval time in ms */
	            autoplay_slideshow: false, /* true/false */
	            opacity: 0.80, /* Value between 0 and 1 */
	            show_title: true, /* true/false */
	            allow_resize: true, /* Resize the photos bigger than viewport. true/false */
	            default_width: 500,
	            default_height: 344,
	            counter_separator_label: '/', /* The separator for the gallery counter 1 "of" 2 */
	            // theme: 'light_square', /* light_rounded / dark_rounded / light_square / dark_square / facebook */
	            horizontal_padding: 20, /* The padding on each side of the picture */
	            hideflash: false, /* Hides all the flash object on a page, set to TRUE if flash appears over prettyPhoto */
	            wmode: 'opaque', /* Set the flash wmode attribute */
	            autoplay: true, /* Automatically start videos: True/False */
	            modal: false, /* If set to true, only the close button will close the window */
	            deeplinking: false, /* Allow prettyPhoto to update the url to enable deeplinking. */
	            overlay_gallery: true, /* If set to true, a gallery will overlay the fullscreen image on mouse over */
	            keyboard_shortcuts: true, /* Set to false if you open forms inside prettyPhoto */
	            changepicturecallback: function(){}, /* Called everytime an item is shown/changed */
	            callback: function(){}, /* Called when prettyPhoto is closed */
	            ie6_fallback: true
	        });
        }
    }
}


/////////////////////////////////////////////
// Contact Form Functions
/////////////////////////////////////////////

var contactForm = {
    init: function() {

        $j('form#contactForm').submit(function() {
            
            $j('form#contactForm label.error').remove();
            $j('form#contactForm span.error').remove();
            var hasError = false;
            
            $j('.requiredField').each(function() {
                $this = $j(this);
                if($j.trim($this.val()) == '') {
                    $this.addClass('invalid');
                    hasError = true;
                } else if($this.hasClass('email-input')) {
                    var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
                    if(!emailReg.test($j.trim($this.val()))) {
                        $this.addClass('invalid');
                        hasError = true;
                    } else {
                        $this.removeClass('invalid');
                    }
                } else {
                    $this.removeClass('invalid');
                }
            });
            
            if(!hasError) {
                $j('form#contactForm li.buttons button').fadeOut('normal', function() {
                    $j(this).parent().append('<span class="form-loading"></span>');
                });
                var formInput = $j(this).serialize();
                $j.post($j(this).attr('action'),formInput, function(data){
                    $j('form#contactForm').slideUp("fast", function() {                
                        $j('p.thanks').fadeIn(1000);
                    });
                });
            }
            
            return false;
            
        });

    }
}


/////////////////////////////////////////////
// Reload Functions
/////////////////////////////////////////////

var reloadFunctions = {
    init:function() {

        // Remove title attributes from images to avoid showing on hover 
        $j('img[title]').each(function() {
            $j(this).removeAttr('title');
        });

        $j('.gallery-icon a[title]').each(function() {
            $j(this).removeAttr('title');
        });

        // Tabs Shortcode Function
        $j('.tabbed-asset').tabs();
        
        // Accordion Shortcode Function
        $j('.accordion').accordion({
            active: true,
            collapsible: true,
            autoHeight: false,
            navigation: true,
	    event: "mouseover"
        });

    }
}

/////////////////////////////////////////////
// Base Functions
/////////////////////////////////////////////

var baseFunctions = {
    init: function() {

        // Back to top scroll button
        $j('.back-to-top').click(function() {
            $j('body,html').animate({scrollTop:0},800);
        });

        // Site loading
        $j('.site-loading').fadeOut(200);
        $j('.nav-wrap').fadeIn(1000);

        // Remove last divider on homepage
        $j('.home').find('.divider:last').hide();
    }
}


$j(document).ready(onLoad.init);