jQuery(document).ready(function(){
	var o_curr_project=jQuery('div#loop_right a:first');
	var o_project_item=o_curr_project;
	s_target_id='#' + o_project_item.attr('id');
	s_target_id = s_target_id.replace('link_', 'loop_');
	jQuery('div#loop_left img').hide();
	jQuery('img' + s_target_id).show();
	b_first=false;
	b_projecthover=false;

	// highlight the first title
	s_title_id='#' + o_project_item.attr('id');
	jQuery('div#loop_right a').removeClass('selected');
	jQuery('a' + s_title_id).addClass('selected');

	jQuery('div#loop_right a').hover(function() {
		jQuery(document).stopTime('projecttimer');

		b_projecthover=true;
		jQuery('div#loop_left img').hide();
		s_target_id='#' + jQuery(this).attr('id');
		s_target_id = s_target_id.replace('link_', 'loop_');
		jQuery('img' + s_target_id).show();

		// animate the titles as well
		s_title_id='#' + jQuery(this).attr('id');
		jQuery('div#loop_right a').removeClass('selected');
		jQuery('a' + s_title_id).addClass('selected');
	}, 
	function() {
		o_curr_project=jQuery(this);
		b_first=false;
		b_projecthover=false;
		s_title_id = '#' + jQuery(this).attr('id');
		jQuery('div#loop_right a').removeClass('selected');
		jQuery('a' + s_title_id).addClass('selected');
		startProjectTimer();
		// we don't have to do anything leave it active
	});

	function startProjectTimer(){
		jQuery(document).everyTime(5000, 'projecttimer', function(i) {
			if (!b_projecthover) {
				if(b_first){
					jQuery(s_old_id).hide();
					b_first=false;
				}
				b_first=true;
				o_prev_project=o_curr_project;
				if(o_curr_project.nextAll().length >= 1){
					o_curr_project=o_curr_project.next();
				}else{
					o_curr_project=jQuery('div#loop_right a:first');
				}
				o_project_item=o_curr_project;

				s_target_id='#' + o_project_item.attr('id');
				s_target_id = s_target_id.replace('link_', 'loop_');
				s_old_id='#' + o_prev_project.attr('id');
				s_old_id = s_old_id.replace('link_', 'loop_');
				//alert("target: " + s_target_id + "\nold: " + s_old_id);

				jQuery('div#loop_left img').hide();
				jQuery('img' + s_target_id).fadeIn("slow");

				//jQuery('img' + s_old_id).css('z-index','10');
				//jQuery('img' + s_target_id).css('z-index','11');
				//jQuery('img' + s_target_id).fadeIn("slow");

				// animate the titles as well
				s_title_id='#' + o_project_item.attr('id');
				jQuery('div#loop_right a').removeClass('selected');
				jQuery('a' + s_title_id).addClass('selected');
			}
		});
	}

	startProjectTimer();
});