var calloutitem_current = new Array();

$(document).ready(function() { 


	$(".calloutitem_selector_box").mouseover(function() {
		selector = $(this).attr("rel").split(":");
		
		selector_callout = selector[0];
		selector_id = selector[1];
		
		calloutitem_id = "#calloutitem_" + selector_callout + "_" + calloutitem_current[selector_callout];
		
		$(calloutitem_id).children(".calloutitem_label").hide();
		
		$("#calloutitem_selector_box_" + selector_callout + "_" + calloutitem_current[selector_callout]).children(".calloutitem_selector_box_active").hide();
		
		$("#calloutitem_selector_label_" + selector_callout + "_" + selector_id).show();
		
		$(this).children(".calloutitem_selector_box_active").show();
	
	});
	
	$(".calloutitem_selector_box").mouseout(function() {
		selector = $(this).attr("rel").split(":");
		
		selector_callout = selector[0];
		selector_id = selector[1];

		$(".calloutitem_selector_label").hide();
		
		$(this).children(".calloutitem_selector_box_active").hide();
		
		$("#calloutitem_" + selector_callout + "_" + calloutitem_current[selector_callout]).children(".calloutitem_label").show();
		$("#calloutitem_selector_box_" + selector_callout + "_" + calloutitem_current[selector_callout]).children(".calloutitem_selector_box_active").show();
	
	});
	
	$(".calloutitem_selector_box").click(function() {
		selector = $(this).attr("rel").split(":");
		
		selector_callout = selector[0];
		selector_id = selector[1];
		
		$("#calloutitem_" + selector_callout + "_" + calloutitem_current[selector_callout]).hide();
		$("#calloutitem_" + selector_callout + "_" + selector_id).show();
		
		calloutitem_current[selector_callout] = selector_id;
	
	});
	
});