/*
 AnythingSlider v1.7.5 minified using Google Closure Compiler
 Original by Chris Coyier: http://css-tricks.com
 Get the latest version: https://github.com/ProLoser/AnythingSlider
*/

(function(d){d.anythingSlider=function(h,j){var a=this,b;a.$el=d(h).addClass("anythingBase").wrap('<div class="anythingSlider"><div class="anythingWindow" /></div>');a.$el.data("AnythingSlider",a);a.init=function(){a.options=b=d.extend({},d.anythingSlider.defaults,j);a.initialized=!1;d.isFunction(b.onBeforeInitialize)&&a.$el.bind("before_initialize",b.onBeforeInitialize);a.$el.trigger("before_initialize",a);a.$wrapper=a.$el.parent().closest("div.anythingSlider").addClass("anythingSlider-"+b.theme); a.$window=a.$el.closest("div.anythingWindow");a.win=window;a.$win=d(a.win);a.$controls=d('<div class="anythingControls"></div>').appendTo(b.appendControlsTo!==null&&d(b.appendControlsTo).length?d(b.appendControlsTo):a.$wrapper);a.$startStop=d('<a href="#" class="start-stop"></a>');b.buildStartStop&&a.$startStop.appendTo(b.appendStartStopTo!==null&&d(b.appendStartStopTo).length?d(b.appendStartStopTo):a.$controls);a.$nav=d('<ul class="thumbNav" />').appendTo(b.appendNavigationTo!==null&&d(b.appendNavigationTo).length? d(b.appendNavigationTo):a.$controls);a.flag=!1;a.playing=b.autoPlay;a.slideshow=!1;a.hovered=!1;a.panelSize=[];a.currentPage=b.startPanel=parseInt(b.startPanel,10)||1;a.adj=b.infiniteSlides?0:1;a.width=a.$el.width();a.height=a.$el.height();a.outerPad=[a.$wrapper.innerWidth()-a.$wrapper.width(),a.$wrapper.innerHeight()-a.$wrapper.height()];b.playRtl&&a.$wrapper.addClass("rtl");if(b.expand)a.$outer=a.$wrapper.parent(),a.$window.css({width:"100%",height:"100%"}),a.checkResize();b.buildStartStop&&a.buildAutoPlay(); b.buildArrows&&a.buildNextBackButtons();if(!b.autoPlay)b.autoPlayLocked=!1;a.updateSlider();a.$lastPage=a.$currentPage;a.runTimes=d("div.anythingSlider").index(a.$wrapper)+1;a.regex=RegExp("panel"+a.runTimes+"-(\\d+)","i");a.runTimes===1&&a.makeActive();if(!d.isFunction(d.easing[b.easing]))b.easing="swing";b.pauseOnHover&&a.$wrapper.hover(function(){a.playing&&(a.$el.trigger("slideshow_paused",a),a.clearTimer(!0))},function(){a.playing&&(a.$el.trigger("slideshow_unpaused",a),a.startStop(a.playing, !0))});var c,e=b.hashTags?a.gotoHash()||b.startPanel:b.startPanel;a.setCurrentPage(e,!1);a.slideControls(!1);a.$wrapper.bind("mouseenter mouseleave",function(b){a.hovered=b.type==="mouseenter"?!0:!1;a.slideControls(a.hovered,!1)});d(document).keyup(function(c){if(b.enableKeyboard&&a.$wrapper.is(".activeSlider")&&!c.target.tagName.match("TEXTAREA|INPUT|SELECT"))switch(c.which){case 39:a.goForward();break;case 37:a.goBack()}});a.$items.delegate("a","focus.AnythingSlider",function(c){var e=d(this).closest(".panel"), i=a.$items.index(e)+a.adj;a.$items.find(".focusedLink").removeClass("focusedLink");d(this).addClass("focusedLink");a.$window.scrollLeft(0);!e.is(".activePage")&&a.currentPage+b.showMultiple-1>i&&(a.gotoPage(i),c.preventDefault())});c="slideshow_paused slideshow_unpaused slide_init slide_begin slideshow_stop slideshow_start initialized swf_completed".split(" ");d.each("onShowPause onShowUnpause onSlideInit onSlideBegin onShowStop onShowStart onInitialized onSWFComplete".split(" "),function(e,f){d.isFunction(b[f])&& a.$el.bind(c[e],b[f])});d.isFunction(b.onSlideComplete)&&a.$el.bind("slide_complete",function(){setTimeout(function(){b.onSlideComplete(a)},0)});a.initialized=!0;a.$el.trigger("initialized",a);a.startStop(a.playing)};a.updateSlider=function(){a.$el.children(".cloned").remove();a.$nav.empty();a.currentPage=a.currentPage||1;a.$items=a.$el.children();a.pages=a.$items.length;b.showMultiple=parseInt(b.showMultiple,10)||1;if(b.showMultiple>1){if(b.showMultiple>a.pages)b.showMultiple=a.pages;a.adjustMultiple= b.infiniteSlides&&a.pages>1?0:b.showMultiple-1;a.pages=a.$items.length-a.adjustMultiple}a.$controls.add(a.$nav).add(a.$startStop).add(a.$forward).add(a.$back)[a.pages<=1?"hide":"show"]();a.pages>1&&a.buildNavigation();b.infiniteSlides&&a.pages>1&&(a.$el.prepend(a.$items.filter(":last").clone().removeAttr("id").addClass("cloned")),b.showMultiple>1?a.$el.append(a.$items.filter(":lt("+b.showMultiple+")").clone().removeAttr("id").addClass("cloned").addClass("multiple")):a.$el.append(a.$items.filter(":first").clone().removeAttr("id").addClass("cloned")), a.$el.find(".cloned").each(function(){d(this).find("a,input,textarea,select,button,area").attr("disabled","disabled");d(this).find("[id]").removeAttr("id")}));a.$items=a.$el.children().addClass("panel");a.setDimensions();b.resizeContents?(a.$items.css("width",a.width),a.$wrapper.css("width",a.getDim(a.currentPage)[0]),a.$wrapper.add(a.$items).css("height",a.height)):a.$win.load(function(){a.setDimensions()});if(a.currentPage>a.pages)a.currentPage=a.pages;a.setCurrentPage(a.currentPage,!1);a.$nav.find("a").eq(a.currentPage- 1).addClass("cur")};a.buildNavigation=function(){if(b.buildNavigation&&a.pages>1){var c,e;a.$items.filter(":not(.cloned)").each(function(g){var f=g+1;c=(f===1?"first":"")+(f===a.pages?"last":"");e=d('<a href="#"></a>').addClass("panel"+f).wrap('<li class="'+c+'" />');a.$nav.append(e.parent());d.isFunction(b.navigationFormatter)?(c=b.navigationFormatter(f,d(this)),e.html("<span>"+c+"</span>"),parseInt(e.find("span").css("text-indent"),10)<0&&e.addClass(b.tooltipClass).attr("title",c)):e.html("<span>"+ f+"</span>");e.bind(b.clickControls,function(c){if(!a.flag&&b.enableNavigation)a.flag=!0,setTimeout(function(){a.flag=!1},100),a.gotoPage(f),b.hashTags&&a.setHash(f);c.preventDefault()})});if(b.navigationSize!==!1&&parseInt(b.navigationSize,10)<a.pages)a.$controls.find(".anythingNavWindow").length||a.$nav.before('<ul><li class="prev"><a href="#"><span>'+b.backText+"</span></a></li></ul>").after('<ul><li class="next"><a href="#"><span>'+b.forwardText+"</span></a></li></ul>").wrap('<div class="anythingNavWindow"></div>'), a.navWidths=a.$nav.find("li").map(function(){return d(this).innerWidth()}).get(),a.navLeft=1,a.$nav.width(a.navWidth(1,a.pages+1)+5),a.$controls.find(".anythingNavWindow").width(a.navWidth(1,b.navigationSize+1)).end().find(".prev,.next").bind(b.clickControls,function(c){if(!a.flag)a.flag=!0,setTimeout(function(){a.flag=!1},200),a.navWindow(a.navLeft+b.navigationSize*(d(this).is(".prev")?-1:1));c.preventDefault()})}};a.navWidth=function(b,e){for(var d=Math.min(b,e),f=Math.max(b,e),i=0;d<f;d++)i+=a.navWidths[d- 1]||0;return i};a.navWindow=function(c){var e=a.pages-b.navigationSize+1,c=c<=1?1:c>1&&c<e?c:e;if(c!==a.navLeft)a.$controls.find(".anythingNavWindow").animate({scrollLeft:a.navWidth(1,c),width:a.navWidth(c,c+b.navigationSize)},{queue:!1,duration:b.animationTime}),a.navLeft=c};a.buildNextBackButtons=function(){a.$forward=d('<span class="arrow forward"><a href="#"><span>'+b.forwardText+"</span></a></span>");a.$back=d('<span class="arrow back"><a href="#"><span>'+b.backText+"</span></a></span>");a.$back.bind(b.clickBackArrow, function(c){if(b.enableArrows&&!a.flag)a.flag=!0,setTimeout(function(){a.flag=!1},100),a.goBack();c.preventDefault()});a.$forward.bind(b.clickForwardArrow,function(c){if(b.enableArrows&&!a.flag)a.flag=!0,setTimeout(function(){a.flag=!1},100),a.goForward();c.preventDefault()});a.$back.add(a.$forward).find("a").bind("focusin focusout",function(){d(this).toggleClass("hover")});a.$forward.appendTo(b.appendForwardTo!==null&&d(b.appendForwardTo).length?d(b.appendForwardTo):a.$wrapper);a.$back.appendTo(b.appendBackTo!== null&&d(b.appendBackTo).length?d(b.appendBackTo):a.$wrapper);a.$arrowWidth=a.$forward.width()};a.buildAutoPlay=function(){a.$startStop.html("<span>"+(a.playing?b.stopText:b.startText)+"</span>").bind(b.clickSlideshow,function(c){b.enableStartStop&&(a.startStop(!a.playing),a.makeActive(),a.playing&&!b.autoPlayDelayed&&a.goForward(!0));c.preventDefault()}).bind("focusin focusout",function(){d(this).toggleClass("hover")})};a.checkResize=function(c){clearTimeout(a.resizeTimer);a.resizeTimer=setTimeout(function(){var e= a.$outer.width()-a.outerPad[0],d=(a.$outer[0].tagName==="BODY"?a.$win.height():a.$outer.height())-a.outerPad[1];if(a.width*b.showMultiple!==e||a.height!==d)a.setDimensions(),a.gotoPage(a.currentPage,a.playing,null,1);typeof c==="undefined"&&a.checkResize()},500)};a.setDimensions=function(){var c,e,g,f=0,i=b.showMultiple>1?a.width||a.$window.width()/b.showMultiple:a.$window.width(),h=a.$win.width();if(b.expand)c=a.$outer.width()-a.outerPad[0],a.height=e=a.$outer.height()-a.outerPad[1],a.$wrapper.add(a.$window).add(a.$items).css({width:c, height:e}),a.width=i=b.showMultiple>1?c/b.showMultiple:c;a.$items.each(function(j){g=d(this).children();b.resizeContents?(c=a.width,d(this).css({width:c,height:a.height}),g.length&&g[0].tagName==="EMBED"&&g.attr({width:"100%",height:"100%"}),g.length===1&&g.css({width:"100%",height:"100%"})):(c=d(this).width(),g.length===1&&c>=h&&(c=g.width()>=h?i:g.width(),g.css("max-width",c)),d(this).css("width",c),e=d(this).outerHeight(),d(this).css("height",e));a.panelSize[j]=[c,e,f];f+=c});a.$el.css("width", f)};a.getDim=function(c){if(a.pages<1)return[a.width,a.height];var c=b.infiniteSlides&&a.pages>1?c:c-1,e,d=a.panelSize[c][0],f=a.panelSize[c][1];if(b.showMultiple>1)for(e=1;e<b.showMultiple;e++)d+=a.panelSize[(c+e)%b.showMultiple][0],f=Math.max(f,a.panelSize[c+e][1]);return[d,f]};a.goForward=function(c){a.gotoPage(a.currentPage+parseInt(b.changeBy,10)*(b.playRtl?-1:1),c)};a.goBack=function(c){a.gotoPage(a.currentPage+parseInt(b.changeBy,10)*(b.playRtl?1:-1),c)};a.gotoPage=function(c,d,g,f){d!==!0&& (d=!1,a.startStop(!1),a.makeActive());b.changeBy!==1&&(c<0&&(c+=a.pages),c>a.pages&&(c-=a.pages));if(!(a.pages<=1)){a.$lastPage=a.$currentPage;if(typeof c!=="number")c=b.startPanel,a.setCurrentPage(c);if(!d||!b.isVideoPlaying(a))c>a.pages+1-a.adj&&(c=!b.infiniteSlides&&!b.stopAtEnd?1:a.pages),c<a.adj&&(c=!b.infiniteSlides&&!b.stopAtEnd?a.pages:1),a.currentPage=c>a.pages?a.pages:c<1?1:a.currentPage,a.$currentPage=a.$items.eq(a.currentPage-a.adj),a.exactPage=c,a.$targetPage=a.$items.eq(c===0?a.pages- a.adj:c>a.pages?1-a.adj:c-a.adj),f=f||b.animationTime,f>1&&a.$el.trigger("slide_init",a),a.slideControls(!0,!1),d!==!0&&(d=!1),(!d||b.stopAtEnd&&c===a.pages)&&a.startStop(!1),f>1&&a.$el.trigger("slide_begin",a),b.resizeContents||(d=a.getDim(c),a.$wrapper.filter(":not(:animated)").animate({width:d[0]||a.width,height:d[1]||a.height},{queue:!1,duration:f,easing:b.easing})),a.$el.filter(":not(:animated)").animate({left:-a.panelSize[b.infiniteSlides&&a.pages>1?c:c-1][2]},{queue:!1,duration:f,easing:b.easing, complete:function(){a.endAnimation(c,g,f)}})}};a.endAnimation=function(c,d,g){c===0?(a.$el.css("left",-a.panelSize[a.pages][2]),c=a.pages):c>a.pages&&(a.$el.css("left",-a.panelSize[1][2]),c=1);a.exactPage=c;a.setCurrentPage(c,!1);a.$items.removeClass("activePage").eq(c-a.adj).addClass("activePage");a.hovered||a.slideControls(!1);g>1&&a.$el.trigger("slide_complete",a);typeof d==="function"&&d(a);b.autoPlayLocked&&!a.playing&&setTimeout(function(){a.startStop(!0)},b.resumeDelay-(b.autoPlayDelayed?b.delay: 0))};a.setCurrentPage=function(c,d){c=parseInt(c,10);if(!(a.pages<1||c===0)){c>a.pages+1-a.adj&&(c=a.pages-a.adj);c<a.adj&&(c=1);b.buildNavigation&&a.$nav.find(".cur").removeClass("cur").end().find("a").eq(c-1).addClass("cur");!b.infiniteSlides&&b.stopAtEnd&&(a.$wrapper.find("span.forward")[c===a.pages?"addClass":"removeClass"]("disabled").end().find("span.back")[c===1?"addClass":"removeClass"]("disabled"),c===a.pages&&a.playing&&a.startStop());if(!d){var g=a.getDim(c);a.$wrapper.css({width:g[0], height:g[1]}).add(a.$window).scrollLeft(0);a.$el.css("left",-a.panelSize[b.infiniteSlides&&a.pages>1?c:c-1][2])}a.currentPage=c;a.$currentPage=a.$items.removeClass("activePage").eq(c-a.adj).addClass("activePage")}};a.makeActive=function(){a.$wrapper.is(".activeSlider")||(d(".activeSlider").removeClass("activeSlider"),a.$wrapper.addClass("activeSlider"))};a.gotoHash=function(){var b=a.win.location.hash.match(a.regex);return b===null?"":parseInt(b[1],10)};a.setHash=function(b){var d="panel"+a.runTimes+ "-",g=a.win.location.hash;if(typeof g!=="undefined")a.win.location.hash=g.indexOf(d)>0?g.replace(a.regex,d+b):g+"&"+d+b};a.slideControls=function(c){var d=c?0:b.animationTime,g=c?b.animationTime:0,f=c?1:0,h=c?0:1;b.toggleControls&&a.$controls.stop(!0,!0).delay(d)[c?"slideDown":"slideUp"](b.animationTime/2).delay(g);b.buildArrows&&b.toggleArrows&&(!a.hovered&&a.playing&&(h=1,f=0),a.$forward.stop(!0,!0).delay(d).animate({right:h*a.$arrowWidth,opacity:f},b.animationTime/2),a.$back.stop(!0,!0).delay(d).animate({left:h* a.$arrowWidth,opacity:f},b.animationTime/2))};a.clearTimer=function(b){if(a.timer&&(a.win.clearInterval(a.timer),!b&&a.slideshow))a.$el.trigger("slideshow_stop",a),a.slideshow=!1};a.startStop=function(c,d){c!==!0&&(c=!1);if((a.playing=c)&&!d)a.$el.trigger("slideshow_start",a),a.slideshow=!0;b.buildStartStop&&(a.$startStop.toggleClass("playing",c).find("span").html(c?b.stopText:b.startText),parseInt(a.$startStop.find("span").css("text-indent"),10)<0&&a.$startStop.addClass(b.tooltipClass).attr("title", c?b.stopText:b.startText));c?(a.clearTimer(!0),a.timer=a.win.setInterval(function(){b.isVideoPlaying(a)?b.resumeOnVideoEnd||a.startStop():a.goForward(!0)},b.delay)):a.clearTimer()};a.init()};d.anythingSlider.defaults={theme:"default",expand:!1,resizeContents:!0,showMultiple:!1,easing:"swing",buildArrows:!0,buildNavigation:!0,buildStartStop:!0,appendForwardTo:null,appendBackTo:null,appendControlsTo:null,appendNavigationTo:null,appendStartStopTo:null,toggleArrows:!1,toggleControls:!1,startText:"Start", stopText:"Stop",forwardText:"&raquo;",backText:"&laquo;",tooltipClass:"tooltip",enableArrows:!0,enableNavigation:!0,enableStartStop:!0,enableKeyboard:!0,startPanel:1,changeBy:1,hashTags:!0,infiniteSlides:!0,navigationFormatter:null,navigationSize:!1,autoPlay:!1,autoPlayLocked:!1,autoPlayDelayed:!1,pauseOnHover:!0,stopAtEnd:!1,playRtl:!1,delay:3E3,resumeDelay:15E3,animationTime:600,clickForwardArrow:"click",clickBackArrow:"click",clickControls:"click focusin",clickSlideshow:"click",resumeOnVideoEnd:!0, addWmodeToObject:"opaque",isVideoPlaying:function(){return!1}};d.fn.anythingSlider=function(h,j){return this.each(function(){var a,b=d(this).data("AnythingSlider");(typeof h).match("object|undefined")?b?b.updateSlider():new d.anythingSlider(this,h):/\d/.test(h)&&!isNaN(h)&&b&&(a=typeof h==="number"?h:parseInt(d.trim(h),10),a>=1&&a<=b.pages&&b.gotoPage(a,!1,j))})}})(jQuery);



function isIE() {
    return /msie/i.test(navigator.userAgent) && !/opera/i.test(navigator.userAgent);
}

function isiPad() {
    return (navigator.platform.indexOf("iPad") != -1);
}

function goToByScroll(id) {
    $('html,body').animate({scrollTop: $("#"+id).offset().top - 125},'slow');
}

function trimSpaces(str) {
    str = str.replace( /’/g, "" );
    return str.replace( /\s/g, "" );
}



var chart;
function drawChart() {
    chart = new Highcharts.Chart({
        chart: {
            renderTo: 'clientChart',
            margin: [0, 0, 0, 0],
            plotBackgroundColor: '#E9E3DD',
            plotBorderWidth: null,
            plotShadow: false
        },
        plotOptions: {
            series: {
                events: {
                    click: function(event) {
                        var divId = event.point.name;
                        divId = divId.replace('<br/>',"");
                        divId = divId.replace('<br/>',"");
                        divId = divId.replace('<br/>',"");
                        divId = trimSpaces(divId);
                        $('#' + divId + '-' + event.point.x).click();
                        chart.series[0].data[event.point.x].select();
                        chart.redraw();
                    }
                },
                marker: {},
                states: {
                    hover: {
                        color: '#CD1F2E'
                    },
                    select: {
                        color: '#CD1F2E'
                    }
                }
            },
            column: {
                stacking: 'normal'
            }
        },
        tooltip: {
            enabled: false
        },
        credits: {
            enabled: false
        },
        title: {
            text: ''
        },
        series: [{
            type: 'pie',
            allowPointSelect: true,
            name: '2010',
            innerSize: '40%',
            size: '95%',
            data: [
            { name: 'thinktanks', y: 34, color: '#939597' },
            { name: 'research bodies', y: 9, color: '#939597' },
            { name: 'NGOs and campaigns', y: 30, color: '#939597' },
            { name: 'academic', y: 9, color: '#939597' },
            { name: 'business and<br/>employee bodies', y: 9, color: '#939597' },
            { name: 'consultancies', y: 9, color: '#939597' }
            ],
            dataLabels: {
                enabled: true,
                color: '#ffffff',
                distance: '-60',
                connectorColor: 'E9E3DD'
            }
        }]
    });
}

function checkKey(e){
     switch (e.keyCode) {
        case 39:
            return false;
            break;
     }      
}


$(document).ready( function() {

    /**
     *
     * Navigation
     *
     */

    if(!isIE()) {
        $('a#navhome').addClass("navActive");
    }
    
    var scrollWidth = $(window).width()/2;
    
    var whoweareWidth = $(window).width();

    $('.scrollFrame').css('width', scrollWidth);
    
//    $('.employee:first-child').css('margin-left', scrollWidth - scrollWidth/8.4);
    var leftPadding = (Math.max($(window).width() - 960, 0) / 2);
    $('.employee:first-child').css('margin-left', leftPadding + 320);
    
    $(window).scroll( function() {
        var y_scroll_pos = window.pageYOffset;

        var positions = {
            'home': $("div#home").offset(),
            'whatwedo': $("div#whatwedo").offset(),
            'whoweare': $("div#whoweare").offset(),
            'clients': $("div#clients").offset(),
            'contact': $("div#contact").offset()
        };

        $.each(positions, function(key, value) {

            height = $('#' + key).height();
            
            if(y_scroll_pos > value.top - height / 2 ) {
                $('a.nav' + key).addClass("navActive");
            }
            if(y_scroll_pos < value.top - height  / 2 || y_scroll_pos > value.top + height / 2)
            {
                $('a.nav' + key).removeClass("navActive");
            }
        });
    });
    
    /**
     *
     * Homepage
     *
     */

    //Click event handler to switch between clients
    /*
     * Prevent FOUC and allow progressive accessibility
     */
    $('body').addClass('js');
    /*
     * 'Tabs' functionality
     */
     $('#clientList a').click( function() {

        var target = $(this).attr('href');

        $('.activeScroller .showcaseDropdown').slideUp('slow');

        $('.activeScroller').fadeOut('slow', function() {
            $('.activeScroller').removeClass('activeScroller');
            $(target).fadeIn('slow').addClass('activeScroller');
        });


        $('#clientList .curClient').removeClass('curClient');
        $(this).addClass('curClient')
        $('.activeScroller .showcaseDropdown').slideDown('slow');

        //prevent normal link functionality
        return false;
    });
    /*
     * Main slideshow
     */
    /*
     * The following needs to take place in window.load because Webkit doesn't
     * pay attention to doc.ready, and until it's rendered the DOM it doesn't
     * know the dimensions of things.
     */
    $(window).load(function(){

        /*
         * Carousels
         *
         * Set the width of the .carousel div so the floated items don't break
         * onto the next line. Obviously different in each case, hence using
         * javascript to do it.
         */

        $(function(){
          $('#frontSlider').anythingSlider({
            startPanel          : 1,  
            showMultiple        : 17,
            easing              : 'linear',
            delay               : 1,
            animationTime       : 2000,
            hashTags            : false,
            pauseOnHover        : true,
            buildNavigation     : false,
            buildArrows         : false,
            resizeContents      : false,
            infiniteSlides      : true,
            autoPlay            : true
          });
        });         
         
        $('.scroll-content').each(

        function(){
            var childWidth = 0;
            $(this).children('li').each(function(){
               childWidth += $(this).width();
            });
            $(this).css('width', childWidth);//alert(childWidth);
        });
        /*
         * Build sliders
         */
        $( ".scroll-bar" ).each(function(){

            var id = this.id.split('-');
            id = id[0];

            var scrollContent = $('#' + id + "-scroll" ); //the <ul>

            $(this).slider({
                max: scrollContent.width(),
                slide: function( event, ui ) {
                    scrollContent.css("margin-left", '-' + ui.value +'px');
                }

            }).addTouch();

        });
        //We needed to set visibility:hidden because jquery can't use
         //dimensions of display:none objects. However, now we've got what we
         //need we will swap vis and display properties.
        $('.inactiveScroller').css('visibility', 'visible').hide();
        //$('.showcaseDropdown').hide();
   });
/*
         * CSS adjustments
         */
         //
         $('#clientShowcase').css('width', $(window).width());
         
        
    /**
     *
     * What We Do
     *
     */

    //Galleriffic

    // We only want these styles applied when javascript is enabled
    $('div.navigation').css({'width' : '400px', 'float' : 'right'});
    $('div.content').css({'display' : 'block', 'float' : 'left', 'width' : '250px'});

    // Initially set opacity on thumbs and add
    // additional styling for hover effect on thumbs
    var onMouseOutOpacity = 0.45;
    $('#thumbs ul.thumbs li').opacityrollover({
        mouseOutOpacity:   onMouseOutOpacity,
        mouseOverOpacity:  1.0,
        fadeSpeed:         'fast',
        exemptionSelector: '.selected'
    });

    // Initialize Advanced Galleriffic Gallery
    var gallery = $('#thumbs').galleriffic({
        delay:                     2500,
        numThumbs:                 15,
        preloadAhead:              10,
        enableTopPager:            true,
        enableBottomPager:         true,
        maxPagesToShow:            0,
        imageContainerSel:         '#slideshow',
        controlsContainerSel:      '#controls',
        captionContainerSel:       '#caption',
        loadingContainerSel:       'Loading',
        renderSSControls:          false,
        renderNavControls:         false,
        playLinkText:              'Play Slideshow',
        pauseLinkText:             'Pause Slideshow',
        prevLinkText:              '&lsaquo; Previous Photo',
        nextLinkText:              'Next Photo &rsaquo;',
        nextPageLinkText:          'Next &rsaquo;',
        prevPageLinkText:          '&lsaquo; Prev',
        enableHistory:             false,
        autoStart:                 false,
        syncTransitions:           true,
        defaultTransitionDuration: 900,
        onSlideChange: function(prevIndex, nextIndex) {

        },
        onPageTransitionOut: function(callback) {
            this.fadeTo('fast', 0.0, callback);
        },
        onPageTransitionIn: function() {
            this.fadeTo('fast', 1.0);
        }
    });

    //Lightbox ENGAGE - For each gallerific button theres a seperate lightbox gallery

    $('#thumbs li').each( function() {
        $('a', $(this)).lightBox();
    });
    /**
     * Connect the list to the gallery and vice versa
     */

    $("#thumbs li").each( function() {
        var id = this.id;
        id = id.substring(0, id.length-8);
        
        $(this).mouseover( function() {
            $('li.' + id).addClass('galleryHoverStyle');
        });
        $(this).mouseout( function() {
            $('li.' + id).removeClass('galleryHoverStyle');
        });
    });
    $("ul.gallery li").each( function() {
        var className = $(this).attr('class').split(" ");
        $(this).mouseover( function() {
            $("#thumbs li#" + className[0] + "ListItem").mouseover();
        });
        $(this).mouseout( function() {
            $("#thumbs li#" + className[0] + "ListItem").mouseout();
        });
        $(this).click( function() {
            $("#thumbs li#" + className[0] + "ListItem a").click();
        });
    });
    /**
     *
     * Who we are
     *
     */

    //Hide all Bios

    $('.blurb').not('#blurb1').each( function() {
        $(this).hide();
    });
    var pos = 1;
    var moving = false;
    var c = new Array();
    
    /* When adding a new employee this is the only variable you need to change - RB */
    var employeeCount = 10;
    
    setActiveEmployee(-1, 0);
    
    //IE has issues with initialising - typical
    
    if(isIE()) {
      $('.employee:first-child div:eq(1)').addClass('figure').addClass('male').addClass('johnschwartz');
    }
    
    function setActiveEmployee(oldPos, pos) {
        $('.employee .titleBox').removeClass('titleBoxActive');
        $('.employee:eq('+ pos +') .titleBox').addClass('titleBoxActive');
        
        $('.employee:eq('+ oldPos +') .figure').removeClass(c.pop());
        
        var drawingClass =  trimSpaces($('.employee:eq('+ pos +') .titleBox .name').text().toLowerCase());
        $('.employee:eq('+ pos +') .figure').addClass(drawingClass);
        c.push(drawingClass);
    }

    function setActiveBio(pos) {
        $('div.blurb:visible').fadeOut(100, function() {
            $('.blurb:eq('+ pos +')').fadeIn(200);
        });
    }


    if(isIE())
    {
      moveDistance = 210;         
    }
    else {
      moveDistance = 212.5;
    }
    
    containerDiv = 'scroller';
    
    //Zoom Controls
    
    function moveToSpecific(employeeID) {
        if(!moving) {
            moving=true;
            container = $("#" + containerDiv).position();
            curPos = container.left;
            oldPos = pos;
            pos = employeeID;
            difference = pos - oldPos;
            moveTo = difference * -moveDistance;
            moveTo = moveTo + curPos;
            setActiveEmployee(oldPos, pos);
            setActiveBio(pos);
            $("#" + containerDiv).animate({left: moveTo}, 'fast', function() {
                moving=false;
            });
        }
    }

    $('#rightControlZoom').click( function() {
        moveToSpecific(employeeCount);
    });
    $('#leftControlZoom').click( function() {
        moveToSpecific(0);
    });
    
    //Arrow controls.

    $('#rightControl').click( function() {
        if(pos<employeeCount && !moving) {
            moving = true;
            container = $("#" + containerDiv).position();
            oldPos = pos;
            pos++;
            setActiveEmployee(oldPos, pos);
            setActiveBio(pos);
            $("#" + containerDiv).animate({left: container.left - moveDistance}, 'fast', function() {
                moving = false;
            });
        }

    });
    
    $('#leftControl').click( function() {
        if(pos>0 && !moving) {
            moving=true;
            oldPos = pos;
            pos--;
            container = $("#" + containerDiv).position();
            setActiveEmployee(oldPos, pos);
            setActiveBio(pos);
            $("#" + containerDiv).animate({left: container.left + moveDistance}, 'fast', function() {
                moving=false;
            });
        }
    });
    //Click employee to scroll
    var pos = 0;
    var moveTo = 0;
    $('.employee').click( function() {
        if(!moving) {
            moving=true;
            container = $("#" + containerDiv).position();
            curPos = container.left;
            oldPos = pos;
            pos = $(".employee").index(this);
            difference = pos - oldPos;
            moveTo = difference * -moveDistance;
            moveTo = moveTo + curPos;
            setActiveEmployee(oldPos, pos);
            setActiveBio(pos);
            $("#" + containerDiv).animate({left: moveTo}, 'fast', function() {
                moving=false;
            });
        }
    });
    /**
     *
     * Clients
     *
     */

    //if it's IE then just load the highchart
    if(isIE()) {
        drawChart();
    }

    // Scrolling to clients launches the chart.
    var chartFired = false;
    $(window).scroll( function() {
        var y_scroll_pos = window.pageYOffset;
        var clientPos = $("div#clients").offset();

        if(y_scroll_pos > clientPos.top-200 && !chartFired) {
            drawChart();
            chartFired = true;
        }
    });
    //Make list an accordion

    $("#clientCats").accordion({
        collapsible: true,
        alwaysOpen: false,
        active: false,
        autoHeight: false
    });

    //Clicking a header will select the corresponding pie piece

    $('#clientCats h3').each( function() {
        var number = this.id.substring(this.id.length-1);
        $('#' + this.id).click( function() {
            chart.series[0].data[number].select();

        });
    });
});