var hoverImg, hoverPop = false;

$(document).ready(function(){

	$('.imgOver').mouseover( function(){
	
		var index = $(this).attr('id');
		
		$("#t"+index).removeClass('img_div_tt_off').addClass('img_div_tt_on');
		hoverImg = true;
	
	});
	
	$('.imgOver').mouseout( function(){
	
		var index = $(this).attr('id');
		var passId = index;
		hoverImg = false;
		var t= setTimeout('testHover('+passId+')',	500);
	
	});

	$('.hoverTest').mouseenter( function(){
		hoverPop = true;	
	});
	
	
	$('.hoverTest').mouseleave( function(){
	
		var index = $(this).attr('id');
		var passId = index.replace('t','');
		hoverPop = false;
		var t= setTimeout('testHover('+passId+')',	500);
	});



});


function testHover(id){
	if(!hoverImg && !hoverPop){
		$('#t'+id).removeClass('img_div_tt_on').addClass('img_div_tt_off');
	}
		
}

function change(id, newClass)
{
	identity=document.getElementById(id);
	identity.className=newClass;
}