jQuery(document).ready(function(){
	$().mousemove(function(e){
		$('#status').html(e.pageX +', '+ e.pageY);			
		$('#status').html(e.clientX +', '+ e.clientY);
	}); 
})

$(function() {
	$('.fadeIn').mouseover(function(e){
		var id    = this.id;
		var right = id.length-5;
		var idxnum = id.substr((id.length-2),2);
		var idtag  = "#" + id.slice(-(right));
		var idtag2 = "#tt" + idxnum;

/*
		console.log(id);		
		console.log(idxnum);		
		console.log(idtag);		
		console.log(idtag2);		
		console.log(right);		
		console.log(idtag);		
*/
/*
		var posx = 0;
		var posy = 0;
		posx = e.clientX+10;
		if (e.clientY > '250' ) {
			posy = e.clientY-225;
		} else {
			posy = e.clientY+5;
		}

		posy = e.clientY+10;							
		$('#status2').html(posx +', '+ posy);

		$(idtag2).css('left', posx + 'px');
		$(idtag2).css('top',  posy + 'px');
*/
		if (idtag != "#mix01" )	{ $("#mix01").fadeOut(750);	}
		if (idtag != '#mix02' )	{ $('#mix02').fadeOut(750);	}
		if (idtag != '#mix03' )	{ $('#mix03').fadeOut(750);	}
		if (idtag != '#mix04' )	{ $('#mix04').fadeOut(750);	}
		if (idtag != '#mix05' )	{ $('#mix05').fadeOut(750);	}
		if (idtag != '#mix06' )	{ $('#mix06').fadeOut(750);	}
		if (idtag != '#mix07' )	{ $('#mix07').fadeOut(750);	}
		if (idtag != '#mix08' )	{ $('#mix08').fadeOut(750);	}
		if (idtag != '#mix09' )	{ $('#mix09').fadeOut(750);	}
		if (idtag != '#mix10' )	{ $('#mix10').fadeOut(750);	}
		if (idtag != '#mix11' )	{ $('#mix11').fadeOut(750);	}
		if (idtag != '#mix12' )	{ $('#mix12').fadeOut(750);	}

		if (idtag != "#idx01" )	{ $("#idx01").fadeOut(500);	}
		if (idtag != '#idx02' )	{ $('#idx02').fadeOut(500);	}
		if (idtag != '#idx03' )	{ $('#idx03').fadeOut(500);	}
		if (idtag != '#idx04' )	{ $('#idx04').fadeOut(750);	}
		if (idtag != '#idx05' )	{ $('#idx05').fadeOut(750);	}
		if (idtag != '#idx06' )	{ $('#idx06').fadeOut(750);	}
		if (idtag != '#idx07' )	{ $('#idx07').fadeOut(750);	}
		if (idtag != '#idx08' )	{ $('#idx08').fadeOut(750);	}
		if (idtag != '#idx09' )	{ $('#idx09').fadeOut(750);	}
		if (idtag != '#idx10' )	{ $('#idx10').fadeOut(750);	}
		if (idtag != '#idx11' )	{ $('#idx11').fadeOut(750);	}
		if (idtag != '#idx12' )	{ $('#idx12').fadeOut(750);	}

		$(idtag).fadeIn(750);
/*		$(idtag2).fadeIn(750);		*/
	});

	$('#container .fadeIn').mouseout(function(){
/*		var id    = this.id;
		var right = id.length-5;
		var idxnum = id.substr((id.length-2),2);
		var idtag  = "#" + id.slice(-(right));
		var idtag2 = "#tt" + idxnum;
		$(idtag2).fadeOut(750);
*/
	});
});