// JavaScript Document

//VIDEO BROWSER
	
jQuery(function($) {
	
	//SETTINGS
	var container = $('#thumbContainer');
	var items = $('#thumbContainer > .thumb');
	var scrollBlock = 4;
	var previousLink =  $('#larrow');
	var nextLink =  $('#rarrow');
	var speed = 1000;
	
	//INIT
	var lastSelected = items[0];
	lastSelected.className = 'thumb_selected'
	$(previousLink).animate({'opacity':0},{queue:false, duration:speed, easing:"cubicEaseOut"});
	previousLink.css({'cursor':'default'});
	var itemWidth = getWidth();
	scrollBlock = scrollBlock*itemWidth
	var containerWidth = itemWidth * items.length;
	container.width(containerWidth);
	
	var startPosition=0;
	var endPosition = -1 * (containerWidth - (itemWidth*2));
	
	function getWidth() {
		itemWidth = items.width() +3;
		if(items.css('margin-left')) itemWidth+=parseInt(items.css('margin-left').replace("px", ""));
		if(items.css('margin-right')) itemWidth+=parseInt(items.css('margin-right').replace("px", ""));
		if(items.css('padding-left')) itemWidth+=parseInt(items.css('padding-left').replace("px", ""));
		if(items.css('padding-right')) itemWidth+=parseInt(items.css('padding-right').replace("px", ""));
		return itemWidth	
	}
	
	$(items).bind('click',function(e){
		lastSelected.className = 'thumb';
		this.className = 'thumb_selected';
		var video_id = $(this).attr('video');
		swfobject.removeSWF("myytplayer");
		var newdiv = document.createElement("div");
      newdiv.innerHTML = "Hello World!";
	  newdiv.id = "videoBox";
	  $('.rightColumn').prepend(newdiv);
      //var flashdiv = document.getElementById("mySWFobjectDIVcontainer");
      

		
		//$('#myytplayer').attr('data', video_id);
		embedYoutube(video_id);
		lastSelected = this;
		e.preventDefault();
	});

	
	
	$(previousLink).bind('click',function(e){
		var current_position = parseInt($(container).css('left').replace("px", ""));
		new_position = current_position + scrollBlock;

		if(new_position >= startPosition) {
			$(container).animate({'left':startPosition},{queue:false, duration:speed, easing:"cubicEaseInOut"});
			previousLink.animate({'opacity':0},{queue:false, duration:speed, easing:"cubicEaseOut"});
			previousLink.css({'cursor':'default'});
			nextLink.animate({'opacity':1},{queue:false, duration:speed, easing:"cubicEaseOut"});
			nextLink.css({'cursor':'pointer'});
		} else {
			$(container).animate({'left':new_position},{queue:false, duration:speed, easing:"cubicEaseInOut"});
			nextLink.animate({'opacity':1},{queue:false, duration:speed, easing:"cubicEaseOut"});
			nextLink.css({'cursor':'pointer'});
		}	
		e.preventDefault();
	});
	
	$(nextLink).bind('click',function(e){
		var current_position = parseInt($(container).css('left').replace("px", ""));
		new_position = current_position - scrollBlock;

		if(new_position <= endPosition) {
			$(container).animate({'left':endPosition},{queue:false, duration:speed, easing:"cubicEaseInOut"});
			nextLink.animate({'opacity':0},{queue:false, duration:speed, easing:"cubicEaseOut"});
			nextLink.css({'cursor':'default'});
			previousLink.animate({'opacity':1},{queue:false, duration:speed, easing:"cubicEaseOut"});
			previousLink.css({'cursor':'pointer'});
		} else {
			$(container).animate({'left':new_position},{queue:false, duration:speed, easing:"cubicEaseInOut"});
			previousLink.animate({'opacity':1},{queue:false, duration:speed, easing:"cubicEaseOut"});
			previousLink.css({'cursor':'pointer'});
		}	
		e.preventDefault();
	});
});