jQuery(document).ready(function ($) {
	$(document).ready(function(){ 
		// $('.slider').slick({
		// 	// setting-name: setting-value
		// });
		$( "#accordion" ).accordion({
			active: 2,
			collapsible: true
		});
		$('#imageZoom').imageZoom();
	});
	$('.imageGallery').lightSlider({
        gallery:false,
        dots:false,
        item:1,
        loop:true,
        thumbItem:9,
        slideMargin:0,
        adaptiveHeight: true,
        enableDrag: false,
        currentPagerPosition:'left',
        onSliderLoad: function(el) {
            el.lightGallery({
                selector: '.imageGallery .lslide'
            });
        }   
    });

    $('.popup_pic').lightGallery({
	    // thumbnail:true,
	    subHtmlSelectorRelative: true
	}); 

    $(function() {
    //caches a jQuery object containing the header element
	    var header = $(".fade_out_header");
	    $(window).scroll(function() {
	        var scroll = $(window).scrollTop();

	        if (scroll >= 300) {
	            header.removeClass("fade_out_header").addClass("fade_in_header");
	        } else {
	            header.removeClass("fade_in_header").addClass("fade_out_header");
	        }

	        // if (scroll >= 600) {
	        //     header.removeClass("background_video_container").addClass("fade_out_video");
	        // } else {
	        //     header.removeClass("fade_out_video").addClass("background_video_container");
	        // }


	    });
	});

	$('.related-1').connections({ 
		to: '.related-1',
		// from: '#center',
		// within: '#connections-layer',
		'class': 'relation_1',
		borderClasses: {
		    top: 'border-top',
		    right: 'border-right',
		    bottom: 'border-bottom',
		    left: 'border-left'
		}
	});

	$('.related-2').connections({ 
		to: '.related-2',
		'class': 'relation_2',
		// from: '#center',
		// within: '#connections-layer',
		borderClasses: {
		    top: 'border-top',
		    right: 'border-right',
		    bottom: 'border-bottom',
		    left: 'border-left'
		}
	});

	$('.related-3').connections({ 
		to: '.related-3',
		'class': 'relation_3',
		// from: '#center',
		// within: '#connections-layer',
		borderClasses: {
		    top: 'border-top',
		    right: 'border-right',
		    bottom: 'border-bottom',
		    left: 'border-left'
		}
	});

	$('.related-4').connections({ 
		to: '.related-4',
		'class': 'relation_4',
		// from: '#center',
		// within: '#connections-layer',
		borderClasses: {
		    top: 'border-top',
		    right: 'border-right',
		    bottom: 'border-bottom',
		    left: 'border-left'
		}
	});


	var c = $('connection');
	setInterval(function() {
	  c.connections('update');
	}, 500);

		// $( ".draggable" ).draggable();
		// $('#draggable2').connections({to: '.draggable', 'class': 'demo', borderClasses: {
		//  top: 'connection-border-top',
		//  right: 'connection-border-right',
		//  bottom: 'connection-border-bottom',
		//  left: 'connection-border-left'
		// }});
		// $(".draggable").connections({'class': 'fast'});
		// $('.demo').html(function(i) { return '<span>Line&nbsp;' + (13 * i + 78) + '</span>' });
		// $('*').disableSelection();
		// $.repeat().add('connection').each($).connections('update').wait(0);

// $('.related-1, .related-2, .related-3, .related-4').hover(function() {
//     var colorClass = $(this).attr('class').split(' ')[1];
//     $("."+colorClass ).addClass('z-relative');
// },function() {var colorClass = $(this).attr('class').split(' ')[1];
//     $("."+colorClass ).removeClass('z-relative');
// });


	$('.related-1').hover(
	       function(){ $('.related-1').addClass('z-relative') },
	       function(){ $('.related-1').removeClass('z-relative') }
	)
	$('.related-2').hover(
	       function(){ $('.related-2').addClass('z-relative') },
	       function(){ $('.related-2').removeClass('z-relative') }
	)
	$('.related-3').hover(
	       function(){ $('.related-3').addClass('z-relative') },
	       function(){ $('.related-3').removeClass('z-relative') }
	)
	$('.related-4').hover(
	       function(){ $('.related-4').addClass('z-relative') },
	       function(){ $('.related-4').removeClass('z-relative') }
	)
	$('.related-5').hover(
	       function(){ $('.related-5').addClass('z-relative') },
	       function(){ $('.related-5').removeClass('z-relative') }
	)

});