var lockedState = '';
var divProperties = new Object();
divProperties['texas'] = {markX:185, markY:130, X:99, Y:114, displayText: 'Texas'};
divProperties['nevada'] = {markX:91, markY:61, X:31, Y:59, displayText: 'Nevada'};
divProperties['colorado'] = {markX:150, markY:75, X:88, Y:78, displayText: 'Colorado'};
divProperties['arizona'] = {markX:110, markY:105, X:49, Y:101, displayText: 'Arizona'};
divProperties['minnesota'] = {markX:210, markY:25, X:156, Y:27, displayText: 'Minnesota'};
divProperties['illinois'] = {markX:239, markY:70, X:186, Y:71, displayText: 'Illinois'};
divProperties['florida'] = {markX:292, markY:146, X:213, Y:148, displayText: 'Florida'};
divProperties['ncalifornia'] = {markX:64, markY:55, X:10, Y:53, displayText: 'Northern California'};
divProperties['scalifornia'] = {markX:80, markY:92, X:15, Y:90, displayText: 'Southern California'};
divProperties['ne'] = {markX:312, markY:38, X:242, Y:40, displayText: 'Northeast'};
divProperties['mida'] = {markX:305, markY:70, X:233, Y:70, displayText: 'Mid-Atlantic'};
divProperties['utah'] = {markX:115, markY:75, X:62, Y:68, displayText: 'Utah'};

$(document).ready( function() {

	//$('#usamap img") = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + src + ")";
	$('#usamap').supersleight({shim:'/images/trans-pixel.gif'});
	$("#usamap div").hide();
	$("#mapDetails div").hide();
	$(".nested").css({float: 'left'});
	$("area").hover(
		function(){StateHoverOn($(this).attr("id"));},
		function(){StateHoverOff($(this).attr("id"));}
		);
	$("area").click( function(event){ event.preventDefault(); StateClick($(this).attr("id"));} );
	$('#defaultDetails').css('opacity','0').show();
	$("#defaultDetails").animate({'opacity':'1'},{duration:'fast', complete:function(){} });
	for(var d in divProperties){
		var thisDiv = '#' + d + '-hover';
		$(thisDiv).css('top', divProperties[d].Y);
		$(thisDiv).css('left', divProperties[d].X);
	}
});

function StateHoverOn(st){
	if(st==lockedState) return;
	var st2 = "#" + st + "-hover";
	$(st2).show();
	$('#stateText')
		.css({'top' : divProperties[st].markY, 'left' : divProperties[st].markX, 'font-size' : '1px'})
		.html(divProperties[st].displayText)
		.animate({'fontSize':'20px'},'fast');
}

function StateHoverOff(st, override){
	if(st==lockedState && !override) return;
	$('#stateText').html('');
	var st2 = "#" + st + "-hover";
	$(st2).hide();
}

function StateClick(st){
	if(st==lockedState) return;
	if(lockedState != '') StateHoverOff(lockedState, true);
	$("#invisibleMap").blur();
	lockedState = st;
	var st2 = "#" + st + "-details";
	$("#mapDetails div").animate({opacity:0},'fast').hide();
	$(st2).show().animate({opacity:1}, 'slow');
	$('#connectBox').show()
		.animate({'width':divProperties[st].markX},'slow')
		.animate({'height':divProperties[st].markY},'slow');
	$('#orangeLine').show()
		.animate({'opacity':1});
}