// JavaScript Document

	var mode;
	var duration;
	var persentage = 0;
	var currenttime = new Date();
	var bases = currenttime.getTime();
	var nows;
	var pasts;
	var baseduration = 8000;
	var basewidth = 70;
	
	function culclastMS(start) {
		nows = basewidth;
		pasts = nows-start;
		//$("#floatimage").text(pasts);
	}

	function crossmove(selector) {
		mode = 11;
		pasts = 0;
		$(selector)	.css("left","70%")
					.css("top","-0%")
					.fadeIn(2000, function() { crossmove2("#floatimage", baseduration) });
		}
	
	function crossmove2(selector, duration) {
		mode = 12;
		$(selector)
					.animate( {left:'-0%' ,top:'70%'}, { duration: duration, easing: "linear", complete: function() { crossmove3("#floatimage") }, step: function(s) { culclastMS(s); }  });
	}
	
	function crossmove3(selector) {
		mode = 13;
		$(selector).fadeOut(2000, function() { second_crossmove("#floatimage2") });
	}
	
	
	function second_crossmove(selector) {
		mode = 21;
		pasts = 0;
		$(selector)	.css("left","0%")
					.css("top","0%")
					.fadeIn(2000, function() { second_crossmove2("#floatimage2", baseduration) });
		}
	
	function second_crossmove2(selector, duration) {
		mode = 22;
		$(selector)
				.animate( {left:'70%' ,top:'70%'}, { duration: duration, easing: "linear", complete: function() { second_crossmove3("#floatimage2") }, step: function(s) { culclastMS(s); }  });
	}
	
	function second_crossmove3(selector) {
		mode = 23;
		$(selector).fadeOut(2000, function() { crossmove("#floatimage") });
	}
	

$(document).ready(function() {

		$("#floatimage").hide();
		$("#floatimage2").hide();

	 	crossmove("#floatimage");
		$("#floatimage").mouseover(function() {
			if(mode==12) {
				$("#floatimage").stop();
			}
		});
		$("#floatimage").mouseout(function() {
		   duration = baseduration*(pasts/basewidth);
			if(mode==12) {
				crossmove2("#floatimage", duration);	
			}
		});
		
		$("#floatimage2").mouseover(function() {
			if( mode==22 ) {
				$("#floatimage2").stop();
			}
		});
		$("#floatimage2").mouseout(function() {
		   duration = baseduration*(pasts/basewidth);
			if(mode==22) {
				second_crossmove2("#floatimage2", duration);	
			}
		});
	
	
	});