jQuery.noConflict();

jQuery(document).ready(function(){

    // Superfish
    jQuery('ul.dropdown-menu').supersubs({
            minWidth:    12,
            maxWidth:    27,
            extraWidth:  1

        }).superfish({
    		speed: 'normal',
    		autoArrows:  false,
    		delay:300,
    		animation: {opacity:'show',height:'show'}
    	});
    
    /* toggle nav */
    jQuery("#menu-icon-main").click(function(){
    	jQuery(".dropdown-menu").slideToggle();
    	jQuery(this).toggleClass("active");
    });
    
    /* toggle nav */
    jQuery("#menu-header-icon p").click(function(){
    	jQuery("#menu-header").slideToggle();
    	jQuery(this).toggleClass("active");
    });
    
    
    // Masonry
    var $item_set_2 = jQuery('.masonry');
    $item_set_2.imagesLoaded( function() {
        $item_set_2.masonry({
            itemSelector:'.item-set-2-columns',
            isAnimated:true,
            columnWidth:function( containerWidth ) {
            return containerWidth / 2;
            }
       })
    });
    
    var $gallery2 = jQuery('.gallery-columns-2');
    $gallery2.imagesLoaded( function() {
        $gallery2.masonry({
            itemSelector:'.gallery-item',
            isAnimated:true,
            columnWidth:function( containerWidth ) {
            return containerWidth / 2;
            }
       })
    });
    
    var $gallery3 = jQuery('.gallery-columns-3');
    $gallery3.imagesLoaded( function() {
        $gallery3.masonry({
            itemSelector:'.gallery-item',
            isAnimated:true,
            columnWidth:function( containerWidth ) {
            return containerWidth / 3;
            }
       })
    });
    
    var $gallery4 = jQuery('.gallery-columns-4');
    $gallery4.imagesLoaded( function() {
        $gallery4.masonry({
            itemSelector:'.gallery-item',
            isAnimated:true,
            columnWidth:function( containerWidth ) {
            return containerWidth / 4;
            }
       })
    });
    
    var $gallery5 = jQuery('.gallery-columns-5');
    $gallery5.imagesLoaded( function() {
        $gallery5.masonry({
            itemSelector:'.gallery-item',
            isAnimated:true,
            columnWidth:function( containerWidth ) {
            return containerWidth / 5;
            }
       })
    });
    
    var $gallery6 = jQuery('.gallery-columns-6');
    $gallery6.imagesLoaded( function() {
        $gallery6.masonry({
            itemSelector:'.gallery-item',
            isAnimated:true,
            columnWidth:function( containerWidth ) {
            return containerWidth / 6;
            }
       })
    });
    
    var $gallery7 = jQuery('.gallery-columns-7');
    $gallery7.imagesLoaded( function() {
        $gallery7.masonry({
            itemSelector:'.gallery-item',
            isAnimated:true,
            columnWidth:function( containerWidth ) {
            return containerWidth / 7;
            }
       })
    });

                        
});