// JavaScript Document
var player;
var apiSlide;

$(document).ready(function(){
	if($('.scrollable').length > 0){
		setTimeout("initHomeSlider()",1000);
		
		
		$('#playBtn').click(function(){
			apiSlide.play();
		});
		
		$('#stopBtn').click(function(){
			apiSlide.stop();						 
		});
	
		/*apiX = $("#scroll-home-out").scrollable({
			hoverClass: 'hover', 
			items: '#promote',	
			size: 1, 
			clickable: false,
		}).circular().navigator().autoscroll({
			api: true,
			interval: 4000,
			autoplay: true
			
		});*/
		$(".navi").click(function(){
			if(player)
				player.addModelListener("STATE","stopVideo");
		});
	}
});

function stopVideo(obj){
	player.sendEvent("STOP","true");
	alert(player);
}

function initHomeSlider(){
	// horizontal scrollables. each one is circular and has its own navigator instance
	apiSlide = $(".scrollable").scrollable({
			size: 1, 
			clickable: false
			}).circular().navigator(".navi").autoscroll({
				interval: 4000,
				autoplay: true,
				api: true
			});
	setTimeout("showNaviLinks()",4000);
}

function showNaviLinks(){
	$('#wrap-navi').slideDown();
}

function playerReady(obj) {	

	player = document.getElementById(obj['id']);
	
	player.addModelListener("STATE","stopVideo");
	
	
};

function stopVideo(obj){

	if(obj.newstate=="PLAYING" || obj.newstate=="BUFFERING"){
		apiSlide.stop();
		$('#wrap-navi').slideUp();
	}
	if(obj.newstate=="PAUSED" || obj.newstate=="COMPLETED"){
		setTimeout("playHomeSlider()",2000);
	}
}

function playHomeSlider(){
	$('#wrap-navi').slideDown();
	apiSlide.play();
}