/* Author:
 Adaptive Themes
 */

(function(w, d, s) {
    function go() {
        var js, fjs = d.getElementsByTagName(s)[0], load = function(url, id) {
            if (d.getElementById(id)) {
                return;
            }
            js = d.createElement(s);
            js.src = url;
            js.id = id;
            fjs.parentNode.insertBefore(js, fjs);
        };

        load('//connect.facebook.net/en_US/all.js#xfbml=1', 'fbjssdk');
        load('//platform.twitter.com/widgets.js', 'tweetjs');

        function setup_twitter_feeds() {
            //get the .twitter-feed elements
            //get the tweet() params from data-* attributes

            var feeds = jQuery('.twitter-feed');
            feeds.each(function() {
                var f = jQuery(this);
                var usr = f.attr('data-usr');
                var count = parseInt(f.attr('data-count'));

                f.tweet({
                    username: usr,
                    count: count,
                    template: "{avatar}{join}{text}{time}"
                });
            });
        }

        setup_twitter_feeds();
    }

    if (w.addEventListener) {
        w.addEventListener("load", go, false);
    }
    else if (w.attachEvent) {
        w.attachEvent("onload", go);
    }
}(window, document, 'script') );

// Add outerHTML helper
jQuery.fn.outerHTML = function(s) {
    return s
        ? this.before(s).remove()
        : jQuery("<p>").append(this.eq(0).clone()).html();
};

/*
 Configure Isotope in the Load function
 */
jQuery(window).load(function($) {
    setupIsotope();
});

var isAndroid = false;
function fixPreviewHeights() {
    var topBarHeight = jQuery('#preview-top-bar').height();
    jQuery("#preview-frame").attr("height", (jQuery(window).height() - topBarHeight) + 'px');
}

function configureSlider() {
    var $images = jQuery('.frontpageslider ul > li:not(.clone) > a > img');
    var allDownloaded = true;
    for (var i = 0; i < $images.length; i++) {
        allDownloaded = $images.get(i).complete;
    }
    if (allDownloaded) {
        initFrontpageSlider();
    } else {
        window.setTimeout(configureSlider, 100);
    }
}

function update_ie8_shadow() {
    var bodyWidth = jQuery('body').width();
    if (jQuery('html.ie8').length > 0) {
        var windowWidth = jQuery(window).width();
        var padding = (windowWidth - bodyWidth) / 2;
        if (padding < 0) padding = 0;
        jQuery('body').css('padding-left', padding);
        jQuery('body').css('padding-right', padding);
    }
}

function _getOffset(elm, height) {
    var cStyle = elm.ownerDocument && elm.ownerDocument.defaultView && elm.ownerDocument.defaultView.getComputedStyle
        && elm.ownerDocument.defaultView.getComputedStyle(elm, null),
        ret = cStyle && cStyle.getPropertyValue(height ? 'height' : 'width') || '';
    if (ret && ret.indexOf('.') > -1) {
        ret = parseFloat(ret)
            + parseInt(cStyle.getPropertyValue(height ? 'padding-top' : 'padding-left'))
            + parseInt(cStyle.getPropertyValue(height ? 'padding-bottom' : 'padding-right'))
            + parseInt(cStyle.getPropertyValue(height ? 'border-top-width' : 'border-left-width'))
            + parseInt(cStyle.getPropertyValue(height ? 'border-bottom-width' : 'border-right-width'));
    } else {
        ret = height ? elm.offsetHeight : elm.offsetWidth;
    }
    return ret;
}
function getOffsetWidth(elm) {
    return _getOffset(elm);
}
function getOffsetHeight(elm) {
    return _getOffset(elm, true);
}

function flexsliderAnimateIn() {

    if (jQuery('#frontpageslider').length > 0) {
        var $images = jQuery('.frontpageslider ul > li:not(.clone):first > a > img');
        var height = $images.get(0).height;
        var width = $images.get(0).width;
        // Needed for IE
        if (height == 0) {
            height = jQuery('.frontpageslider ul > li').height();
        }
        if (height == 0) {
            height = 420;
        }
        if (width == 0) {
            width = jQuery('.frontpageslider ul > li').width();
        }
        if (jQuery('#frontpageslider').width() < 1024) {
            height = jQuery('#frontpageslider').width() / width * height;
        }

        jQuery('.frontpageslider > div:first-child').fadeOut(500, function() {
            jQuery('.frontpageslider').animate({height: height}, 500, function() {
                jQuery('.frontpageslider ul').animate({opacity: 1}, 1000, function() {
                    jQuery(this).css('position', 'relative');
                    jQuery('.frontpageslider').css('height', 'auto');
                });
            });
        });
    }
}

var frontpageSlider = null;

function initFrontpageSlider() {

    var fpsDiv = jQuery('.frontpageslider');
    var slideshowAttr = fpsDiv.attr('data-slideshow');
    var slideshow = false;
    if (typeof slideshowAttr !== 'undefined' && slideshowAttr !== false) {
        slideshow = true;
    }

    var slideshowSpeed = parseInt(fpsDiv.attr('data-slideshow-speed'));
    if (isNaN(slideshowSpeed) || typeof slideshowSpeed === 'undefined' || slideshowSpeed === false || slideshowSpeed < 1) {
        slideshowSpeed = 7000;
    }

    fpsDiv.flexslider({
        animation: 'slide',
        slideshow: slideshow,
        slideshowSpeed: slideshowSpeed,
        directionNav: false,
        start: function(slider) {
            frontpageSlider = slider;
            if(jQuery(window).width() > 959 && jQuery('html.touch').length == 0) {
                var firstSlide = jQuery('html.full-width-layout div#frontpageslider-container ul#frontpageslides > li:not(.clone)').first();            
                jQuery('html.full-width-layout div#frontpageslider-container ul#frontpageslides > li').each(function() {
                    if(!jQuery(this).is(firstSlide)) jQuery(this).animate({opacity: 0.2});
                });
            }
        },
        before: function(slider) {
            if(jQuery(window).width() > 959 && jQuery('html.touch').length == 0) {
                var $slides = jQuery('html.full-width-layout div#frontpageslider-container ul#frontpageslides > li:not(.clone)');
                var $oldSlide = $slides.eq(slider.currentSlide);
                var $newSlide = $slides.eq(slider.animatingTo);
                $oldSlide.animate({ opacity: 0.2 }, 500);
                $newSlide.animate({ opacity: 1 }, 500);
            }
        }
    });

    flexsliderAnimateIn();
}

function updateFrontpageSlider() {
    var bodyWidth = jQuery('body').width();
    if(bodyWidth < 960 || jQuery('html.touch').length > 0) {
        jQuery('html.full-width-layout div#frontpageslider-container ul#frontpageslides > li').css('opacity', 1);
    } else {
        // if the clone isn't dimmed, then we've just switched from mobile
        if(jQuery('html.full-width-layout div#frontpageslider-container ul#frontpageslides > li.clone').css('opacity') == 1) {
            jQuery('html.full-width-layout div#frontpageslider-container ul#frontpageslides > li.clone').css('opacity', 0.2);
            var $slides = jQuery('html.full-width-layout div#frontpageslider-container ul#frontpageslides > li:not(.clone)');
            for(i = 0; i < frontpageSlider.count; i++) {
                
                if(i != frontpageSlider.currentSlide) {
                    $slides.eq(i).css('opacity', 0.2);
                } else {
                    $slides.eq(i).css('opacity', 1);
                }
            }
        }
    }

    // Update caption position if not touch
    if(jQuery('html.no-touch').length > 0 && bodyWidth < 960 && bodyWidth > 767) {
        jQuery('div.flex-caption.top-left, div.flex-caption.bottom-left, div.flex-caption.center-left').css('left', (bodyWidth - 700)/2 + 'px');
        jQuery('div.flex-caption.top-right, div.flex-caption.bottom-right, div.flex-caption.center-right').css('right', (bodyWidth - 700)/2 + 'px');
    } else {
        jQuery('div.flex-caption').css('left', '');
        jQuery('div.flex-caption').css('right', '');
    }
}


function configureGallerySlider() {

    var fpsDiv = jQuery('.galleryslider');
    var slideshowAttr = fpsDiv.attr('data-slideshow');
    var slideshow = false;
    if (typeof slideshowAttr !== 'undefined' && slideshowAttr !== false) {
        slideshow = true;
    }

    var slideshowSpeed = parseInt(fpsDiv.attr('data-slideshow-speed'));
    if (isNaN(slideshowSpeed) || typeof slideshowSpeed === 'undefined' || slideshowSpeed === false || slideshowSpeed < 1) {
        slideshowSpeed = 7000;
    }

    if(jQuery('.galleryslider').length > 0) {
        jQuery('.galleryslider').flexslider({
            animation: 'slide',
            slideshow: slideshow,
            slideshowSpeed: slideshowSpeed,
            directionNav: false
        });
    }

}

jQuery(document).ready(function($) {

    configureSlider();

    configureGallerySlider();

    jQuery('ul.latest-projects > li.slide > a > img').attr('height', 'auto').attr('width', 'auto');

    jQuery("#mobile-nav").change(function() {
        window.location = jQuery(this).find("option:selected").val();
    });

    /* Set the selected option to the current page */
    jQuery("#mobile-nav > select ").val('');

    update_ie8_shadow();
    var bodyWidth = jQuery('body').width();
    jQuery(window).resize(function() {
        update_ie8_shadow();
        if (latestShortcodeScrollView != null) {
            if (bodyWidth < 767) {
                latestShortcodeScrollView.enable();
            } else {
                latestShortcodeScrollView.pages.set('index', 0);
                latestShortcodeScrollView.disable();
            }
        }
        updateFrontpageSlider();
        
    });
    updateFrontpageSlider();


    // Sidebar Bg Height
    jQuery('div#sidebar > div.sidebar-bg').css('height', jQuery(document).height() + 'px');

    // For use within normal web clients
    var isiPod = navigator.userAgent.match(/iPod/i) != null;
    var isiPad = navigator.userAgent.match(/iPad/i) != null;
    var isiPhone = navigator.userAgent.match(/iPhone/i) != null;
    var isMobileSafari = isiPod || isiPad || isiPhone;

    var ua = navigator.userAgent.toLowerCase();
    isAndroid = ua.indexOf("android") > -1;

//  Mobile Framebuster
//    if (parent.frames.length > 0 && (isMobileSafari || isAndroid)) {
//        top.location.href = self.location.href;
//    }


    if (isMobileSafari || isAndroid) {

        androidClient = isAndroid;
        if (isAndroid) {
            jQuery('.native-video > video').removeAttr('controls');
        }

        jQuery(".native-video").slideToggle(1000, function() {
            jQuery(this).find('video').delay(200).animate({opacity: 1}, 1000, function() {
                if (isAndroid) {
                    var overlayTop = (jQuery('.native-video').height() - 74) / 2;
                    jQuery('.native-video').append('<div class="video-overlay" style="top:' + overlayTop + 'px;"></div>');
                }
            });
        });

        if (isAndroid) {
            jQuery('.native-video').addClass('android');

            //play logic for android
            var video = jQuery('.native-video > video');
            video.click(function() {
                jQuery(this).get(0).play();
            });
        }
    }
    else if (jQuery().jPlayer) {
        jQuery(".jp-video-container").css('display', 'block');

        jQuery('.root-jplayer').each(function() {
            var m4v = jQuery(this).attr('data-m4v');
            var ogv = jQuery(this).attr('data-ogv');
            var webm = jQuery(this).attr('data-webm');
            var poster = jQuery(this).attr('data-poster');
            var interface = '#' + jQuery(this).attr('data-interface');
            var swf = jQuery(this).attr('data-swf');
            jQuery(this).jPlayer({
                ready: function () {
                    jQuery(this).jPlayer("setMedia", {
                        m4v: m4v,
                        ogv: ogv,
                        webmv: webm,
                        poster: poster
                    });
                },
                swfPath: swf,
                cssSelectorAncestor: interface,
                supplied: "m4v, ogv,  webm",
                size: {width:'100%', height:'auto'}
            });
        });
    }

    if (isMobileSafari || isAndroid) {
        jQuery(".jp_interface").addClass('no-volume');
    }

    jQuery('.root-jplayer-audio').each(function() {
        var mp4 = jQuery(this).attr('data-mp4');
        var ogg = jQuery(this).attr('data-ogg');
        var interface = '#' + jQuery(this).attr('data-interface');
        var swf = jQuery(this).attr('data-swf');
        //Instantiate jPlayer Audio
        jQuery(this).jPlayer({
            ready: function () {
                jQuery(this).jPlayer("setMedia", {
                    mp3: mp4,
                    oga: ogg,
                    end: ""
                });
            },
            swfPath: swf,
            cssSelectorAncestor: interface,
            supplied: "oga,mp3, all",
            size: {width:'100%' }
        });
    });


    jQuery('div.video-overlay').live('click', function() {
        var video = jQuery('.native-video > video');
        video.click();
    });


    jQuery(".alert-message").alert();

    jQuery('.tabs').tabs();
    
    jQuery('.tabs').bind('change', function (e) {
        e.target // activated tab
        e.relatedTarget // previous tab

        jQuery(e.target).parent().siblings().removeClass('right-of-active');
        jQuery(e.target).parent().next().addClass('right-of-active');
    })
    jQuery('.tabs li.active').each(function() {
        jQuery(this).next().addClass('right-of-active');
        paneSelector = jQuery(this).find('a').first().attr('href');
        jQuery(this).parent('ul').next('div.tab-content').children(paneSelector).addClass('active');
    });

    //Isotope Aux functionality
    jQuery('#portfolio-shuffle').click(function(event) {
        event.preventDefault();
        jQuery('#masonry-container').isotope('shuffle', function() {
        });
    });


    // Mobile Portfolio Filter Container
    setupHorizontalScrollview();
    //Preview Height
    fixPreviewHeights();

    jQuery(window).resize(function() {
        /* Scrollview */
        if (filterScrollView == null) {
            setupHorizontalScrollview();
        }
        else {
            jQuery('#scrollview-container').css("width", jQuery(this).width() - 10);
        }
        /* Portfolio */
        setupIsotope();

        /* Android Overlay Positioning */
        checkVideoOverlay();

        /* Check Twipsy */
        checkTwipsy();

        //Preview Height
        fixPreviewHeights();

        setupPortfolioLinks();
        
        // Sidebar bg positioning
        checkSidebarPositioning();
    });
    
    checkSidebarPositioning();

    setupPortfolioLinks();

    checkTwipsy();

    // Prevent iOS from zooming in on elements on focus
    var $viewportMeta = jQuery('meta[name="viewport"]');
    jQuery('input, select, textarea').bind('focus blur', function(event) {
        $viewportMeta.attr('content', 'width=device-width,initial-scale=1,maximum-scale=' + (event.type == 'blur' ? 10 : 1));
    });

    // Set up searchbox focus
    jQuery('.search-widget input[type="text"]').focusin(function() {
        jQuery(this).closest('fieldset').addClass('has-focus');
    });
    jQuery('.search-widget input[type="text"]').focusout(function() {
        jQuery(this).closest('fieldset').removeClass('has-focus');
    });

    // Mobile menu
    // Clone the menu and remove any sf-menu and #topmenu id css by removing the class and id
    jQuery('#mobile-menu-modal > div.modal-body').html(jQuery("ul#topmenu").clone().removeClass('sf-menu').attr("id", "mobile-nav-ul"));
    jQuery('#mobile-menu-modal').modal({ backdrop: true, keyboard: true});
    jQuery('a.mobile-menu').click(function() {
        jQuery('#mobile-menu-modal').modal('show');
    });

    jQuery("ul#topmenu").superfish({
        delay: 200,
        animation: {opacity:'show', height:'show'},
        speed: 'fast',
        autoArrows: false,
        dropShadows: false
    });

});

function checkVideoOverlay() {
    if (isAndroid) {
        jQuery('.video-overlay').each(function() {
            var overlayTop = (jQuery('.native-video').height() - 74) / 2;
            jQuery(this).css('top', overlayTop + 'px');
        });
    }
}

function checkTwipsy() {
    if (jQuery('html.touch').length != 0) {
        jQuery('#portfolio-shuffle, #portfolio-gallery, #scrollview-prev, #scrollview-next').attr('data-original-title', '');
    }
}

var oldLinkWidth = '0';
var prettyPhotoSetup = false;
function setupPortfolioLinks() {
    var windowWidth = jQuery(window).width();
    if (jQuery('div#masonry-container > article').length > 0 && windowWidth != oldLinkWidth) {

        if (windowWidth < 767) {
            //Mobile behavior
            //register a callback that intersects the <a> trigger on the image
            var ppArticles = jQuery("div#masonry-container > article > a[rel^='prettyphoto']");
            if (ppArticles.length > 0) {

                ppArticles.unbind('click');
                prettyPhotoSetup = false;

                ppArticles.bind('click', function(e) {
                    e.preventDefault();
                    var newHref = jQuery(this).attr('data-item-href');
                    top.location.href = newHref;
                });

            }
        }
        else {
            //Tablet and Fullsize behavior
            if (!prettyPhotoSetup) {
                var ppArticles = jQuery("div#masonry-container > article > a[rel^='prettyphoto']");
                if (ppArticles.length > 0) {
                    ppArticles.unbind('click');
                }
                jQuery("a[rel^='prettyphoto']").prettyPhoto({
                    animationSpeed : 'fast',
                    slideshow : 5000,
                    show_title : false,
                    overlay_gallery : false,
                    deeplinking: false,
                    social_tools: false
                });
            }
        }
    }

    oldLinkWidth = windowWidth;
}


function checkSidebarPositioning() {
    var $sidebarbg = jQuery('.sidebar-bg');
    var $main = jQuery('div.main.has-sidebar');
    if($sidebarbg.length > 0 && $main.length > 0) {
        var mainWidth = $main.width();
        if(mainWidth > 768 && mainWidth < 1024) {
            offset = (mainWidth - 1024)/2;
            $sidebarbg.css('right', offset  + 'px');
        } else {
            $sidebarbg.css('right', '0');
        }
    }
}

var isotopeInitialized = false;
var oldWidth = '0';
function setupIsotope() {

    // return;

    var windowWidth = jQuery(window).width();

    if (jQuery('div#masonry-container').length > 0 && (scopeInitialized = false || windowWidth != oldWidth)) {

        // Get Measurements
        var gutterWidth, columnWidth, layoutMode = 'masonry';
        if (windowWidth > 767 || jQuery('html.ie8').length > 0) {
            jQuery('div#masonry-container').removeClass('isMobile');
            columnWidth = 220;
            gutterWidth = 20;
            jQuery('div#masonry-container > article.item, div#masonry-container > article.item img').css('width', columnWidth - 2);
            // PrettyPhoto Rollovers
            jQuery('article.item > a:first-child > img').each(function() {
            });
            if (filterScrollView != null) {
                filterScrollView.disable();
            }

        }
        else {
            /* 2 wide */
            jQuery('div#masonry-container').addClass('isMobile');
            var portfolioWidth = jQuery('div#masonry-container').width();

            gutterWidth = 14;
            columnWidth = Math.floor((portfolioWidth - gutterWidth) / 2);
            itemHeight = Math.floor(columnWidth / 1.618);
            jQuery('div#masonry-container > article.item, div#masonry-container > article.item img').css('width', columnWidth);
            jQuery('div#masonry-container > article.item, div#masonry-container > article.item img').removeAttr('height');
            masonryWidth = gutterWidth * 3 + columnWidth * 2;
            containerWidth = jQuery('#masonry-container').width();
            if (masonryWidth > containerWidth) {
                gutterWidth--;
            }
            else {
                gutterWidth = gutterWidth - (windowWidth - masonryWidth);
            }

            // Enable filters
            if (filterScrollView != null) {
                filterScrollView.enable();
            }
        }

        if (isotopeInitialized == false) {
            // modified Isotope methods for gutters in masonry
            setupIsotopeGutterWidth();
            jQuery('div#masonry-container').isotope({
                itemSelector : 'div#masonry-container > article.item',
                layoutMode: layoutMode,
                masonry: {
                    columnWidth: columnWidth,
                    gutterWidth: gutterWidth
                }
            });

            var applyIsotopeFilter = function(selector) {
                jQuery('ul#filters > li > a.current, ul#mobile-filters > li > div.current').removeClass('current');
                /* Add current class to the applied the normal and mobile filter links */
                jQuery('ul#filters > li > a[data-filter="' + selector + '"], ul#mobile-filters > li > div[data-filter="' + selector + '"]').addClass('current');
                /* Apply filter */
                jQuery('div#masonry-container').isotope({ filter: selector });
                /* Prevent browser from navigating to '#' */
                return false;
            };

            jQuery('ul#filters > li, ul#mobile-filters > li').click(function(e) {
                /* Retrieve data filter */
                var selector = jQuery(this).children('li > div, li > a').attr('data-filter');
                /* Remove current class from both the normal and mobile filter links */
                return applyIsotopeFilter(selector);
            });

            jQuery('ul#mobile-filters > li > div').click(function(e) {
                var selector = jQuery(this).attr('data-filter');
                return applyIsotopeFilter(selector);
            });

            isotopeInitialized = true;
            jQuery('#masonry-container article.item').css({'display':'block'}).animate({opacity:1}, 800);

        }
        else {
            jQuery('div#masonry-container').isotope('option', {
                itemSelector : 'div#masonry-container > article.item',
                layoutMode: layoutMode,
                masonry: {
                    columnWidth: columnWidth,
                    gutterWidth: gutterWidth
                }
            });
            jQuery('div#masonry-container').isotope('reLayout');
        }
    }

    oldWidth = windowWidth;
}


function setupIsotopeGutterWidth() {
    // modified Isotope methods for gutters in masonry
    jQuery.Isotope.prototype._getMasonryGutterColumns = function() {
        var gutter = this.options.masonry && this.options.masonry.gutterWidth || 0;
        containerWidth = this.element.width();

        this.masonry.columnWidth = this.options.masonry && this.options.masonry.columnWidth ||
            // or use the size of the first item
            this.$filteredAtoms.outerWidth(true) ||
            // if there's no items, use size of container
            containerWidth;

        this.masonry.columnWidth += gutter;

        this.masonry.cols = Math.floor(( containerWidth + gutter ) / this.masonry.columnWidth);
        this.masonry.cols = Math.max(this.masonry.cols, 1);
    };

    jQuery.Isotope.prototype._masonryReset = function() {
        // layout-specific props
        this.masonry = {};
        // FIXME shouldn't have to call this again
        this._getMasonryGutterColumns();
        var i = this.masonry.cols;
        this.masonry.colYs = [];
        while (i--) {
            this.masonry.colYs.push(0);
        }
    };

    jQuery.Isotope.prototype._masonryResizeChanged = function() {
        var prevSegments = this.masonry.cols;
        // update cols/rows
        this._getMasonryGutterColumns();
        // return if updated cols/rows is not equal to previous
        return ( this.masonry.cols !== prevSegments );
    };
}

var filterScrollView, latestWidgetScrollView, latestShortcodeScrollView;
function setupHorizontalScrollview() {

    // Detect if Android
    var ua = navigator.userAgent.toLowerCase();
    var isAndroid = ua.indexOf("android") > -1; //&& ua.indexOf("mobile");

    if (filterScrollView == null && jQuery('#scrollview-container').css('display') == 'block' && jQuery('#scrollview-container').css('visibility') == 'visible') {

        YUI().use('scrollview', function(Y) {

            filterScrollView = new Y.ScrollView({
                id: 'scrollview',
                srcNode: '#scrollview-content',
                flick: {
                    minDistance:10,
                    minVelocity:0.3,
                    axis: "x"
                }
            });

            filterScrollView.render();
        });

        // Keep the width of the scrollview container equal to the width of the page
        jQuery('#scrollview-container').css("width", jQuery(this).width());

    } else {
        if (filterScrollView != null) filterScrollView.render();
    }

    // LATEST PROJECTS SLIDER
    if (typeof YUI != 'undefined' && latestShortcodeScrollView == null) {
        YUI().use('scrollview', 'scrollview-paginator', function(Y) {

            latestShortcodeScrollView = new Y.ScrollView({
                id: 'lp-sc-slider',
                srcNode: '.latest-projects-shortcode-slides',
                flick: {
                    minDistance:10,
                    minVelocity:0.3,
                    axis: "x"
                }
            });
            if (!isAndroid) {
                // This fix doesn't work in ICS
                latestShortcodeScrollView._prevent.move = false;
            }
            latestShortcodeScrollView.plug(Y.Plugin.ScrollViewPaginator, {
                selector: 'li'
            });
            latestShortcodeScrollView.render();


            var content = latestShortcodeScrollView.get("contentBox");

            content.delegate("click", function(e) {
                // For mouse based devices, we need to make sure the click isn't fired
                // at the end of a drag/flick. We use 2 as an arbitrary threshold.
                if (Math.abs(latestShortcodeScrollView.lastScrolledAmt) < 2) {
                    //on click logic
                }
            }, "img");

            // Prevent default image drag behavior
            content.delegate("mousedown", function(e) {
                e.preventDefault();
            }, "img");

            var bodyWidth = jQuery('body').width();
            if (latestShortcodeScrollView != null) {
                if (bodyWidth < 767) {
                    latestShortcodeScrollView.enable();
                } else {
                    latestShortcodeScrollView.disable();
                }
            }

        });
    }


    //LATEST PROJECTS WIDGET
    if (typeof YUI != 'undefined' && latestWidgetScrollView == null) {

        YUI().use('scrollview', 'scrollview-paginator', function(Y) {
            latestWidgetScrollView = new Y.ScrollView({
                id: 'lp-slider',
                srcNode: '.slides_container',
                flick: {
                    minDistance:10,
                    minVelocity:0.3,
                    axis: "x"
                }
            });
            if (!isAndroid) {
                // This fix doesn't work in ICS
                latestWidgetScrollView._prevent.move = false;
            }
            latestWidgetScrollView.plug(Y.Plugin.ScrollViewPaginator, {
                selector: 'li'
            });
            jQuery('#latest-projects-slider .latest-projects > li.slide').css('display', 'inline-block');
            latestWidgetScrollView.render();

            var content = latestWidgetScrollView.get("contentBox");

            content.delegate("click", function(e) {
                // For mouse based devices, we need to make sure the click isn't fired
                // at the end of a drag/flick. We use 2 as an arbitrary threshold.
                if (Math.abs(latestWidgetScrollView.lastScrolledAmt) < 2) {
                    //on click logic
                }
            }, "img");

            // Prevent default image drag behavior
            content.delegate("mousedown", function(e) {
                e.preventDefault();
            }, "img");

            jQuery('#scrollview-next').bind('click', function(e) {
                e.preventDefault();
                var orig_index = latestWidgetScrollView.pages.get('index');
                var next_ret_val = latestWidgetScrollView.pages.next();
                var new_index = latestWidgetScrollView.pages.get('index');

                if (orig_index == new_index) {
                    latestWidgetScrollView.pages.set('index', 0);
                }
            });

            jQuery('#scrollview-prev').bind('click', function(e) {
                e.preventDefault();
                var orig_index = latestWidgetScrollView.pages.get('index');
                latestWidgetScrollView.pages.prev();
                var new_index = latestWidgetScrollView.pages.get('index');

                if (orig_index == new_index) {
                    latestWidgetScrollView.pages.set('index', latestWidgetScrollView.pages.get('total') - 1);
                }
            });

        });
    }
}