/* Author: 

*/

$(document).ready(function(){

    $("h1")
        .wrapInner("<span>");

    $("h1 br")
        .before("<span class='spacer'>")
        .after("<span class='spacer'>");

    $("h2")
        .wrapInner("<span>");

    $("h2 br")
        .before("<span class='spacer'>")
        .after("<span class='spacer'>");

    $("h3")
        .wrapInner("<span>");

    $("h3 br")
        .before("<span class='spacer'>")
        .after("<span class='spacer'>");

    $("h5")
        .wrapInner("<span>");

    $("h5 br")
        .before("<span class='spacer'>")
        .after("<span class='spacer'>");

    $('#container').imagesLoaded( function(){
        $(this).isotope({
            itemSelector : '.item'
        });
    });

    $('.privacy_policy a').click(function(){
        $(this).next().toggle('fast');
        return false;
    });




    /*
    * BBQ filter script
    */

    $('.option-set a').click(function(){
        if ($(this).hasClass('ignore')) {
            return;
        }
        var $optionSet = $(this).parents('.option-set');
        $optionSet.find('.active').removeClass('active');
        $(this).addClass('active');
        // get href attr, remove leading #
        var href = $(this).attr('href').replace( /^#/, '' ),
          // convert href into object
          // i.e. 'filter=.inner-transition' -> { filter: '.inner-transition' }
          option = $.deparam( href, true );
        // set hash, triggers hashchange on window
        $.bbq.pushState( option );
        return false;
    });

    $(window).bind( 'hashchange', function( event ){
        // get options object from hash
        var hashOptions = $.deparam.fragment();
        // apply options from hash
        $container.isotope( hashOptions );
        var highlight = $.param(hashOptions);
        $('.option-set a[href$= "'+highlight+'"]')
            .addClass('active')
            .parent().siblings().find('.active').removeClass('active');
    });



    var $container = $('#container'),
        filters = {};

    $container.isotope({
        itemSelector : '.item',
        masonry: {
        columnWidth: 4,
        gutterWidth: 40
        }
    });

    // filter buttons
    $('.filter a').click(function(){
        var $this = $(this);
        // don't proceed if already selected
        if ( $this.hasClass('selected') || $this.hasClass('ignore')) {
            return;
        }

        var $optionSet = $(this).parents('.option-set');
        // change selected class
        $optionSet.find('.selected').removeClass('selected');
        $this.addClass('selected');
        $optionSet.find('.active').removeClass('active');
        $this.addClass('active');

        // store filter value in object
        // i.e. filters.color = 'red'
        var group = $optionSet.attr('data-filter-group');
        filters[ group ] = $this.attr('data-filter-value');
        // convert object into array
        var isoFilters = [];
        for ( var prop in filters ) {
            isoFilters.push( filters[ prop ] )
        }
        var selector = isoFilters.join('');
        $container.isotope({ filter: selector });

        return false;
    });

    $(window).trigger('hashchange');

    if ($('article').hasClass('exhibitions')){
      $('.nav-secondary ul li a.exhibitions').addClass('active');

    }
    if ($('article').hasClass('education')){
      $('.nav-secondary ul li a.education').addClass('active');
    }
    if ($('article').hasClass('events')){
      $('.nav-secondary ul li a.events').addClass('active');
    }
    if ($('article').hasClass('news')){
      $('.nav-secondary ul li a.news').addClass('active');
    }
    if ($('article').hasClass('upto')){
      $('.nav-secondary ul li a.upto').addClass('active');
    }
    if ($('article').hasClass('commissions')){
      $('.nav-secondary ul li a.commissions').addClass('active');
    }
    if ($('article').hasClass('guidinglights')){
      $('.nav-secondary ul li a.guidinglights').addClass('active');
    }

});