var currentBrowserId;   
var browserActions; 


function initBrowser(id){ 	
	browserActions = new Array();
	browserActions[0] = 'openLatest';
	browserActions[1] = 'openDominic';
	browserActions[2] = 'openGreg';
	browserActions[3] = 'openDan'; 
	
	initBrowserButtons(); 
	
	currentBrowserId = id; 
	
	setButtonActive($('a.'+browserActions[id]), id);                   
}                      

function initBrowserButtons(){        
	for(var i=0; i<browserActions.length; i++){     
		$('a.'+browserActions[i]).click(     
	      function() {                  
		 			  var id = $(this).parent().attr("id").substr(13);
		        setBrowser(id, $(this));    
						scroll();	
				}
	    );
	}
} 

function scroll(){
	var height = document.documentElement.clientHeight; 
 	if(height<830){
		 var dY = 550 - 2*height/8;   
		if(height<200){
			$.scrollTo(0, 600); 
		}else if(dY>window.scrollY){   
			$.scrollTo(dY, 600);
		}						
	}
}

function setBrowser(id, button){   
	var action = browserActions[currentBrowserId]; 
	var oldButton = $('.read-nav .active');                                                                             
	oldButton.removeClass("active");                                         
	oldButton.html("<a class='"+action+"'>"+oldButton.children('span').html()+"</a>");           			

	setButtonActive(button, id); 
	$.cookie('lastBrowserId', id);
} 

function setButtonActive(button, id){
	button.parent().addClass("active");   
	button.parent().html("<span>"+button.html()+"</span>");    
	loadBrowserPanel(id);    
	currentBrowserId = id;     
	initBrowserButtons();
}  

function loadBrowserPanel(id){  
	var type;
	var actorId;
	if(id==0){
		type = 0;
		actorId = null;
	}else{
		type = 1;
		actorId = id;
	}
	var url = 'backend/ajax_data.php?a=get_video_thumbnails';
	url += '&type='+ type; 
	url += '&actorId='+ actorId;
	url += '&random='+ Math.floor(Math.random()*9999);    
	$('#readinglist').load(url, null, onBrowserPanelLoaded); 
}                                   

function onBrowserPanelLoaded(){   
	 $(".readinglist .thumb").hide();
	 $(".readinglist .thumb").fadeIn(500); 
	
	 $(".readinglist .thumb").click(function(){
	   	window.location=$(this).find("a").attr("href");return false;
	 });   
	
	$(".readinglist .thumb").hover(
	      function () { 
	          $(this).find(".title").css("text-decoration", "underline");
	      }, 
	      function () {  
						$(this).find(".title").css("text-decoration", "none");
	      }
	    );

	/*
  $(".darkLayer").fadeTo(0,0);      
	var config = {    
	     sensitivity: 3, // number = sensitivity threshold (must be 1 or higher)    
	     interval: 50, // number = milliseconds for onMouseOver polling interval    
	     over: fadeInThumbs, // function = onMouseOver callback (REQUIRED)    
	     timeout: 100, // number = milliseconds delay before onMouseOut    
	     out: fadeOutThumbs // function = onMouseOut callback (REQUIRED)    
	};
	$(".darkLayer").hoverIntent( config );
	*/

} 

function fadeInThumbs(){
	  var id = $(this).attr("id").substr(7);
		fadeOutOtherThumbsTo(id, 0.6);
} 

function fadeOutThumbs(){
	 var id = $(this).attr("id");
		fadeOutOtherThumbsTo(id, 0);
}

function fadeOutOtherThumbsTo(id, opacity){    
	 for(var i=0; i<16; i++){       
		if(i!=id || opacity==0){  
			$('#reading'+i).stop();
	    $('#reading'+i).fadeTo(500, opacity);
		}
	}
}