// init global scrollable carousel
var isiPad = navigator.userAgent.match(/iPad/i) != null;
$(document).ready(function() {
var videoHolder = $('.video-js-box');
var video = $('video');
var current_v = '';
var prev_v ='';


videoHolder.bind('click',initVideo);

function initVideo (){
	// track which one is current video player	
	current_v = $(this).children('video').attr('poster');

	if(prev_v != ''&& current_v!=prev_v && !this.children[0].paused){
	
	// set prevous video player, and stop playing the video 
		var video = $('video[poster="'+prev_v+'"]').player();
		video.playerOnVideoEnded();
		video.showPoster()
		video.showBigPlayButtons();
		video.updatePlayProgressBars(0);
	}
	prev_v = current_v;
}



/*
var scrolls = $('.scrollable');

//console.log(scrolls)

	$('.scrollable').scrollable({
			next : '.next',
			prev : '.prev'
						
	})
	
	
// slider
*/

$( "#scroll-pane" ).scrollpanel({
     		 'scrollContent' : $( "#scroll-content" ),
     		 'scrollItem'    : $('.scroll-item'),
     		 'scrollBarWidth': 980,
     		 'navAnchor'	 : $('#slider-navigation'),
     		 'scrollBar'	 : $('.scroll-bar')
}) 

$( ".our-work-carousel" ).scrollpanel({
     		 'scrollContent' : $( '.items' ),
     		 'scrollItem'    : $('.slide'),
     		 'scrollBarWidth': 980,
     		 'navAnchor'	 : $('#sec-slider-navigation'),
     		 'scrollBar'	 : $('.sec-scroll-bar')
})
//console.log(!isiPad)
	if(!isiPad){	
		$(".video_box").bind('click', function(e){	
		 e.preventDefault();
		})
		.colorbox({iframe:true, width:"980px", height:"583px", title: false, previous: false, next:false, scrolling:false});
	}		
});