var xhr = {};     


$(document).ready(function() {   
	
	init();
	
	function init(){
		placeTicks(); 
		rollover()
	}
	 
});    
	
function placeTicks(){
	
   $('#ticks').find("p.inline span").each( function(){
	  
	    var year = $(this).attr('id'); 

		var period = $(this).attr('class');

		if ($(this).hasClass('BCE')){  
			
			
			if ( (year <= 100000)  && (2500 <= year)){ //if prehistory
				var BCEtick_x;  

				var BCEtick_x = (960 - (year/105)) - 7;

				BCEtick_x = parseInt(BCEtick_x);  //convert year from string to integer        

				$(this).css('left', BCEtick_x);
				
			}else{
				var BCEtick_x;  

				var BCEtick_x = 24960 - (year*9.62); //start years at 24960, then subtract year*9.6 px  

				BCEtick_x = parseInt(BCEtick_x);  //convert year from string to integer        

				$(this).css('left', BCEtick_x);
				
			}
			
		}
		
		else if ($(this).hasClass('CE')){ 
			 var CEtick_x = (year*9.6) + 24960;  // each year occupies 9.6 px CE starts 24960 px left   
			
			 CEtick_x = parseInt(CEtick_x);  //convert year from string to integer     
			
		     $(this).css('left', CEtick_x); 
		}
		
	})  


} // placeTicks   




function rollover(){

	// options timer mouseover
    var time = 250;
    var hideDelay = 1500;

    var hideDelayTimer = null;

    // timer tracker
    var beingShown = false;
    var shown = false;   
	
	$('#ticks p.inline').mouseover(function(){ 
		
		var offset = $(this).find('span').offset();
		
		var tickId =  $(this).attr('id');    

	  	var jsonTickUrl = '../../../inc/event-json.php?Nid='    
		
		var roll_period = $(this).find("span").attr('rel');

		var roll_year = $(this).attr('rel');
		
			if (hideDelayTimer) clearTimeout(hideDelayTimer);
			
			// don't animate again if being shown, or already visible
			if (beingShown || shown) {
	        	return;
	      	} else {       
				callAjaxTitle(tickId, jsonTickUrl, offset, roll_period, roll_year);
			}

	}).mouseout(function(){
		if (hideDelayTimer) clearTimeout(hideDelayTimer); 
		
	      	hideDelayTimer = setTimeout(function () {
	        hideDelayTimer = null;   
          
					$('.rollover').animate({opacity: 0 }, time, function(){
						shown = false;
	                    $('.rollover').css('display', 'none');
					});  
				
			}, hideDelay); 
	})
	
}	
 
   

function callAjaxTitle(tickId, jsonTickUrl, offset, roll_period, roll_year){ 
	
		var time = 250;
	  
	    var xhr = $.ajax({
	     
			url : jsonTickUrl+tickId,
			dataType: 'json',
			success: function(data){  			 
				
					var title = data.nodes[0].node.Title;
					var year = data.nodes[0].node.Year;  
					var period = data.nodes[0].node.Period; 
					var imagePath = data.nodes[0].node.ImagePath;
					
				$('.rollover table td#roll_content').html('<table><tr><td><img src="'+cms_root+imagePath+'"></td><td><p id="roll_title"><span>'+title+'<span></p><p id="roll_circa">CIRCA</p> <span>'+year+' '+period+'</span></td>');
				Cufon.replace('span');    
				
				var roll_inner_w = $('.rollover').innerWidth(); 
				
				var roll_d = roll_inner_w/2;
				var roll_offset_l =  (offset.left - roll_d) + 13;  //13 accounts for 13px of drop shadow on right
				var roll_offset_t =  offset.top + 8;
                var pointer_offset = roll_d - 18;   

				$('.rollover').css( {'left' :roll_offset_l, 'top' : roll_offset_t });            
				
				$('#roll_pointer').css( {'left' : pointer_offset} ); 
				
				// $('.rollover').fadeIn('fast');
				$('.rollover').css('display', 'block').animate({ opacity: 1}), time, function(){
					// once the animation is complete, set the tracker variables
		          	beingShown = false;
		          	shown = true;
				};
				
				$('#roll_title').click(function() {
					  
						$('.rollover').fadeOut('fast');
						//setAddress(roll_period+'/'+roll_year);
						
				 })					
				
			}
	   })
	
}