Cufon.replace('#tagline span, #tagline h2, .info_col h2');
Cufon.replace('.home .l_col a');

// all images have finished loading
$(window).load(function(){$('#hidden_content_list').height($('#hidden_content_list li img').height()); });

$(document).ready(function() {
						   
	/* work / portfolio / top image navigation */	
	var position = 0;
	var str_hnav = '';
	var timeoutid = 0;
	var clicked = false;
	var animating = false;
	var element = '';
	var i=1;
	
	
	if($('#hidden_content_list li').length > 0 ) {
		// create hidden nav str
		var i=1;
		$.each( $('#hidden_content_list li'), function(){ 
			str_hnav += '<li class="h_nav_'+i+'"><a></a></li>'; 
			i++;
		});	
		// append
		
		if(i>2) {
		$('#hidden_content_nav').html(str_hnav);
		}
		$('#hidden_content_list').addClass('js_transition');
		$('#hidden_content_nav a').eq(0).addClass('current');
		$('#hidden_content_list li').eq(0).addClass('top').show();
		$('#hidden_content_list li:not(.top)').hide();		
	}
	
	
	$('#hidden_content_nav a').click(function(e){
		if ($(this).is('.current')) {  
			return false; 
		} else { 	
			clicked = true;	
			element = $(this);	
			timg_trans(element);				
		}			
	});
	
	
	function timg_trans(element) {			
		//var className = $(element).attr('class');
		if(!animating) {
			animating = true;
			$('#hidden_content_nav a').removeClass('current');		
			$(element).addClass('current');				
			$.each( $('#hidden_content_nav a'), function(index){if($(this).hasClass('current')) position = index;});				
			$('#hidden_content_list li').removeClass('top');
			$('#hidden_content_list li').eq(position).addClass('top');															   
			$('#hidden_content_list li').eq(position).fadeIn(500, function(){
				$('#hidden_content_list li:not(.top)').hide();	
				$('#hidden_content_list').height($('#hidden_content_list .top img').height());
				animating = false;
			});	
		}
		if(!clicked) {
			transitionTimeout(element);
		} else {
			clearTimeout(timeoutid);
		}			
	}
	
	//rotate banner every 5 seconds		
	function transitionTimeout(element) {			
		tnext = $(element).parent().next().children();
		tnext = (!$(tnext).length)? $('#hidden_content_nav a').eq(0) : tnext;			
		timeoutid = setTimeout(function(){timg_trans(tnext);}, 6000);									
	}
	
	if(i>2) {
		timg_trans($('#hidden_content_nav a')[0]);
	}
	
});