var active_panel = 1;
var image_width = 31;
var panel_width = 800;

function change_panel(id) {
  if (id != active_panel) {
	$(".panel_" + id + " > a > img").unbind('mouseleave');
//	if (active_panel == 5) {$(".panel_right").hide();}
	change_rollover_image(id);
	for (i = 2; i <= id; i++) {
//		if (i == 5) {
//			$("#panel_" + i).animate({left: image_width * (i - 1)}, {duration: 1200, easing: 'easeOutQuint', complete: function() {$(".panel_right").show();}});
//		} else {
			$("#panel_" + i).animate({left: image_width * (i - 1)}, {duration: 1200, easing: 'easeOutQuint'});
//		}
	}
	for (i = id + 1; i <= active_panel; i++) {
		$("#panel_" + i).animate({left: panel_width + image_width * (i -1)}, { duration: 1200, easing: 'easeOutQuint'}, function() {});
	}
	$(".panel_" + active_panel + " > a > img").bind('mouseleave', {id: active_panel}, function(event) {change_image(event.data.id);});
	change_image(active_panel);
	
	active_panel = id;
  }
}

$(document).ready(
	function() {
		for (i = 1; i<=5; i++) {
			$(".panel_" + i + " > a > img").bind('mouseover', {id: i}, function(event) {change_rollover_image(event.data.id);});
		}
		for (i = 2; i<=5; i++) {
			$(".panel_" + i + " > a > img").bind('mouseleave', {id: i}, function(event) {change_image(event.data.id);});
		}
	});

images_arr = new Array();
images_arr[1] = "images/segflow_tab.jpg";
images_arr[2] = "images/fisp_tab.jpg";
images_arr[3] = "images/flow_fraction_tab.jpg";
images_arr[4] = "images/fai_bio_tab.jpg";
images_arr[5] = "images/about_us_tab.jpg";

rollover_images_arr = new Array();
rollover_images_arr[1] = "images/segflow_tab.jpg";
rollover_images_arr[2] = "images/fisp_tab.jpg";
rollover_images_arr[3] = "images/flow_fraction_tab.jpg";
rollover_images_arr[4] = "images/fai_bio_tab.jpg";
rollover_images_arr[5] = "images/about_us_tab.jpg";
//rollover_images_arr[1] = "images/about_us_tab_sel.jpg";
//rollover_images_arr[2] = "images/segflow_tab_sel.jpg";
//rollover_images_arr[3] = "images/fisp_tab_sel.jpg";
//rollover_images_arr[4] = "images/flow_fraction_tab_sel.jpg";
//rollover_images_arr[5] = "images/fai_bio_tab_sel.jpg";

function change_rollover_image (i) {
	$("#panel_" + i + " > a > img").attr("src", rollover_images_arr[i]);
}

function change_image (i) {
	$("#panel_" + i + " > a > img").attr("src", images_arr[i]);
}


var clock_timer = 5000;

var timer = setTimeout('move_panel_time(2)', clock_timer);

function reset_timeout() {
	if (timer) {clearTimeout(timer);}
}

function move_panel_time(id) {
  change_panel(id);
  if (id > 1 && id < 5) {
	 timer = setTimeout('move_panel_time(' + (id + 1) + ')', clock_timer);
  } else {
	if (id == 5) {timer =  setTimeout('move_panel_time(1)', clock_timer);}
  }
}

function switch_image(id, src) {
	$("#" + id).attr("src", src).attr("width", "255").attr("height", "376");
}