// JavaScript Document
jQuery(document).ready(function() {
	//define global variables
	var speed_move_out = 500;
	var speed_move_in = 150;
	var time_wait = 500;
	var myInterval1 = new String();
	wait1 = 0;	wait2 = 0;	wait3 = 0;	wait4 = 0;	wait5 = 0;
	//1st box function
	jQuery("div.topbox1").bind("mouseenter",function(){
		//set interval for fast rollover bug
		myInterval1 = window.setTimeout(function() {
			jQuery("div.boxcontent2").fadeOut(speed_move_out);
			jQuery("div.boxcontent3").fadeOut(speed_move_out);
			jQuery("div.boxcontent4").fadeOut(speed_move_out);
			jQuery("div.boxcontent5").fadeOut(speed_move_out);
			jQuery("div.boxcontent1").fadeIn(speed_move_in);
		},time_wait);
	});
	//clear interval when mouseleave
	jQuery("div.topbox1").bind("mouseleave",function(){
		window.setTimeout(function() {
			clearTimeout(myInterval1);
			if(wait1 == 0) {
				jQuery("div.boxcontent1").fadeOut(speed_move_out);
			}
		},500);
	});
	jQuery("div.boxcontent1").bind("mouseenter",function(){
		wait1 = 1;
	});
	jQuery("div.boxcontent1").bind("mouseleave",function(){
		wait1 = 0;
		jQuery("div.boxcontent1").fadeOut(speed_move_out);
	});
	//2nd box function
	jQuery("div.topbox2").bind("mouseenter",function(){
		myInterval2 = window.setTimeout(function() {
			jQuery("div.boxcontent1").fadeOut(speed_move_out);
			jQuery("div.boxcontent3").fadeOut(speed_move_out);
			jQuery("div.boxcontent4").fadeOut(speed_move_out);
			jQuery("div.boxcontent5").fadeOut(speed_move_out);
			jQuery("div.boxcontent2").fadeIn(speed_move_in);
			},time_wait);
	});
	jQuery("div.topbox2").bind("mouseleave",function(){
		window.setTimeout(function() {
			clearTimeout(myInterval2);
			if(wait2 == 0) {
				jQuery("div.boxcontent2").fadeOut(speed_move_out);
			}
		},0);
	});
	jQuery("div.boxcontent2").bind("mouseenter",function(){
		wait2 = 1;
	});
	jQuery("div.boxcontent2").bind("mouseleave",function(){
		wait2 = 0;
		jQuery("div.boxcontent2").fadeOut(speed_move_out);
	});
	//3rd box function
	jQuery("div.topbox3").bind("mouseenter",function(){
		myInterval3 = window.setTimeout(function() {
			jQuery("div.boxcontent2").fadeOut(speed_move_out);
			jQuery("div.boxcontent1").fadeOut(speed_move_out);
			jQuery("div.boxcontent4").fadeOut(speed_move_out);
			jQuery("div.boxcontent5").fadeOut(speed_move_out);
			jQuery("div.boxcontent3").fadeIn(speed_move_in);
		},time_wait);
	});
	jQuery("div.topbox3").bind("mouseleave",function(){
		window.setTimeout(function() {
			clearTimeout(myInterval3);
			if(wait3 == 0) {
				jQuery("div.boxcontent3").fadeOut(speed_move_out);
			}
		},0);
	});
	jQuery("div.boxcontent3").bind("mouseenter",function(){
		wait3 = 1;
	});
	jQuery("div.boxcontent3").bind("mouseleave",function(){
		wait3 = 0;
		jQuery("div.boxcontent3").fadeOut(speed_move_out);
	});
	//4th box function
	jQuery("div.topbox4").bind("mouseenter",function(){
		myInterval4 = window.setTimeout(function() {
			jQuery("div.boxcontent2").fadeOut(speed_move_out);
			jQuery("div.boxcontent3").fadeOut(speed_move_out);
			jQuery("div.boxcontent1").fadeOut(speed_move_out);
			jQuery("div.boxcontent5").fadeOut(speed_move_out);
			jQuery("div.boxcontent4").fadeIn(speed_move_in);
		},time_wait);
	});
	jQuery("div.topbox4").bind("mouseleave",function(){
		window.setTimeout(function() {
			clearTimeout(myInterval4);
			if(wait4 == 0) {
				jQuery("div.boxcontent4").fadeOut(speed_move_out);
			}
		},0);
	});
	jQuery("div.boxcontent4").bind("mouseenter",function(){
		wait4 = 1;
	});
	jQuery("div.boxcontent4").bind("mouseleave",function(){
		wait4 = 0;
		jQuery("div.boxcontent4").fadeOut(speed_move_out);
	});
	//5th box function
	jQuery("div.topbox5").bind("mouseenter",function(){
		myInterval5 = window.setTimeout(function() {
			jQuery("div.boxcontent2").fadeOut(speed_move_out);
			jQuery("div.boxcontent3").fadeOut(speed_move_out);
			jQuery("div.boxcontent4").fadeOut(speed_move_out);
			jQuery("div.boxcontent1").fadeOut(speed_move_out);
			jQuery("div.boxcontent5").fadeIn(speed_move_in);
		},time_wait);
	});
	jQuery("div.topbox5").bind("mouseleave",function(){
		window.setTimeout(function() {
			clearTimeout(myInterval5);
			if(wait5 == 0) {
				jQuery("div.boxcontent5").fadeOut(speed_move_out);
			}
		},0);
	});
	jQuery("div.boxcontent5").bind("mouseenter",function(){
		wait5 = 1;
	});
	jQuery("div.boxcontent5").bind("mouseleave",function(){
		wait5 = 0;
		jQuery("div.boxcontent5").fadeOut(speed_move_out);
	});
	//init functions when page is loaded
	jQuery("div.boxcontent1").css({ display:"none"});
	jQuery("div.boxcontent2").css({ display:"none"});
	jQuery("div.boxcontent3").css({ display:"none"});
	jQuery("div.boxcontent4").css({ display:"none"});
	jQuery("div.boxcontent5").css({ display:"none"});
});