//* Base video functions *//

basevideo = {

	stuff:function(p){
		
		//comments link
		$('.base-video-player-detail .base-icon-comments').click(function(){
			
			$('.tab-video-comments').trigger('click');
			return false;
		
		})
		
		
		
	},
	
	ordergrid:function(p){
	
		//order the grid view
		$(".base-video-list-container .base-video-box:nth-child(3n+2)").addClass('first');
	
	},
	
	gridlist:function(p){
	
		
		// switch between list and grid view in tab box
		$('.base-video-view-grid,.base-video-view-list').click(function(){
			
			//remember clicked state
			setCookie('view',$(this).attr('class'),365);
			
			if($(this).hasClass('.base-video-view-list')==true){
			
				$(this).parents('.tab-section').addClass('tab-video-listview');
				$('.base-video-view-grid,.base-video-view-list').removeClass('on');
				$(this).addClass('on');
			}
			
			else {
				$(this).parents('.tab-section').removeClass('tab-video-listview');
				$('.base-video-view-grid,.base-video-view-list').removeClass('on');
				$(this).addClass('on');
			}
			
			
			
			return false;
		
		})
		
		
	
		//check cookie for saved view
		if(getCookie('view')){$('.'+getCookie('view')).trigger('click');}
		
		
	
	},
	
	playlist:{
	
	
		init:function(p){
			
			//set up JSON array
			basevideo.videoArray = {items:[]};
			
			
			if(getCookie('storedclips')){
				
				//get JSON script 
				$.getScript(window.basescriptpath+"json.js",function(){
				
					var clips = getCookie('storedclips');
					clips = $.evalJSON(clips);
					basevideo.videoArray = clips;
					
					
					for(i=0;i<clips.items.length;i++){
					
							$('#tab-video-playlist .base-video-playlist-container').prepend("<div class='base-video-box base-video-box-t2' clipid='"+clips.items[i].id+"'><a href='#' class='base-video-box-link' onclick=\""+clips.items[i].action+";return false\"><span class='base-video-box-image'><span>Watch Now</span><img src='"+clips.items[i].pic+"'></span><h4>"+clips.items[i].title+"</h4></a><ul><li class='base-video-button-play'><a href='#' onclick=\""+clips.items[i].action+";return false\">Play Video</a></li></ul><a href='#' class='base-video-button-remove' title='Remove clip from playlist' onclick='basevideo.playlist.remove(this);return false'> </a></div>");
						
					}
					
					//remove padding off last item
					basevideo.playlist.last();
					//add count to playlist tab 
					$('.base-video-tab-playlist').append("<span> ("+clips.items.length+")</span>")
					
					basevideo.playlist.bind('.base-video-button-add a');
					
					
				});
				
			
			}
			
			else{
				
				//add count to playlist tab 
				$('.base-video-tab-playlist').append("<span> (0)</span>");
				
				basevideo.playlist.bind('.base-video-button-add a');
				
			}
			
			
		},
	
		bind:function(p){
			
			//bind action
			if($('#tab-video-all '+p+':eq(0)').hasClass('active')==false){
			
				$(p).bind('click',function(){
					
					//get some data from the clip
					var title = $(this).parents('.base-video-box').find('h4').html();
					var id = $(this).parents('.base-video-box').attr('clipid');
					var pic = $(this).parents('.base-video-box').find('img').attr('src').replace('210x110','68x60');
					var action = $(this).parents('.base-video-box').attr('action');
					var x = $(this).parents('.base-video-box').offset().left;
					var y = $(this).parents('.base-video-box').offset().top;
					
					//clone the clip
					var clone = $(this).parents('.base-video-box').clone();
					clone.append("<a href='#' class='base-video-button-remove' onclick='basevideo.playlist.remove(this);return false' title='Remove clip from playlist'> </a>");
					
					//disable add link 
					$(this).parent().addClass('disabled');
					
					//add to playlist array
					basevideo.playlist.add({title:title,id:id,pic:pic,action:action});
					
					//call animate
					basevideo.playlist.animate({x:x,y:y,clone:clone});
					
					return false;
					
				})
			}
			
			//check to disable any videos  already added
			for(i=0;i<basevideo.videoArray.items.length;i++){
					alert(basevideo.videoArray.items[i].id)
				basevideo.playlist.disable($('.base-video-box[clipid="'+basevideo.videoArray.items[i].id+'"]'));
			}
			
			$(p).addClass('active');
		
		},
		
		animate:function(p){
			
			//set attributes of cloned element and add to body
			p.clone.addClass('js-hdn').css({zIndex:10,position:'absolute',left:p.x,top:p.y,display:'block'});
			p.clone.find('.base-video-button-add').remove();
			
			$('body').prepend(p.clone);
			
			//open playlist tab
			$('.base-video-tab-playlist').trigger('click');
			
			//get x and y of playlist tab;
			var x = $('#tab-video-playlist').offset().left;
			var y = $('#tab-video-playlist').offset().top;
			
			//animate and append to playlist block
			p.clone.animate({top:y,left:x,opacity:0},500,function(){
			
				$(this).removeClass('js-hdn').addClass('base-video-box-t2').attr('style','');
				$('#tab-video-playlist .base-video-playlist-container').prepend($(this));
				
				var src = $(this).find('.base-video-box-image img').attr('src');
				src = src.replace('210x110','68x60');
				$(this).find('.base-video-box-image img').attr('src',src);
				basevideo.playlist.last()
				
			});
		
		
		},
		
		disable:function(p){
		
			//if($(p).find('.base-video-button-add').hasClass('disabled')==true){
			
				//$(p).find('.base-video-button-add').removeClass('disabled');
			
			//}
			
			//else{
			
				$(p).find('.base-video-button-add').addClass('disabled');
			
			//}
		
		
		
		
		},
		
		
		add:function(p){
		
			$.getScript(window.basescriptpath+"json.js",function(){
			
				basevideo.videoArray.items.push({title:p.title,id:p.id,pic:p.pic,action:p.action});
				setCookie('storedclips',$.toJSON(basevideo.videoArray));
				basevideo.playlist.count($('#tab-video-playlist .base-video-box').length+1);
			
			})
			
		
		
		
		},
		
		remove:function(p){
		
			var id = $(p).parents('.base-video-box').attr('clipid');
			$('div[clipid="'+id+'"]').find('.base-video-button-add').removeClass('disabled');
			
			$(p).parents('.base-video-box').remove();
			basevideo.playlist.last();
			for(i=0;i<basevideo.videoArray.items.length;i++){
			
				if(basevideo.videoArray.items[i]==undefined || basevideo.videoArray.items[i].id==id){
				
					delete basevideo.videoArray.items[i];
				}
				
			}
			
		
			setCookie('storedclips',$.toJSON(basevideo.videoArray));
			basevideo.playlist.count($('#tab-video-playlist .base-video-box').length);
			
		
		},
		
		count:function(p){
			$('.base-video-tab-playlist span').html(" ("+p+")")
			
		},
		
		last:function(){
			
			$('.base-video-playlist-container .base-video-box-t2,.base-video-recent-container .base-video-box-t2').removeClass('first');
			$('.base-video-playlist-container .base-video-box-t2:last,.base-video-recent-container .base-video-box-t2:last').addClass('last')
		
		
		
		}
		
	}


}


function initVideo(){
	basevideo.stuff();
	basevideo.gridlist();
	basevideo.ordergrid();
	basevideo.playlist.init();

}