$().ready(function(){
	
	$('.brainimage').fadeIn(1000,function(){
								  		
	}); 
	
	// ------ inject dom elements into the brain popup -----
	
	$('.brainpopup').prepend("<div class='closepopup'>X</div><br clear='all' />");
	
	$('.leftservicepopup').append('<div class="popupRightArrow"></div>');
	$('.rightservicepopup').prepend('<div class="popupLeftArrow"></div>');
	
	// ------- hover ----------------
	
	$('.leftbrain ul > li,.rightbrain ul > li').mouseover(function(){
		$(this).find("span").css('font-weight','bold');												   
	});
	
	$('.leftbrain ul > li,.rightbrain ul > li').mouseout(function(){
		$(this).find("span").css('font-weight','normal');												   
	});
	
	activepopup = null;
	
	// ---------------- initialize scrollpane ---------------------------------
	
	$('.popupcontent').jScrollPane({
		scrollbarWidth:8
	});
	
	// --------------- show brain popups with animation ----------------------
	
	var rightpopup_xpos=$('.rightservicepopup').eq(0).css('left');
	var leftpopup_xpos=$('.leftservicepopup').eq(0).css('left');
	arrow_pos = $('.popupRightArrow').position();
	original_arrow_y_pos = arrow_pos.top;
	
	$('.rightbrain ul li').click(function(){
		optionindex = $(this).attr('id').split("-");
		finalarrow_y_pos = parseInt(optionindex[2])*30+parseInt(original_arrow_y_pos);
		
		finalposition = parseInt(leftpopup_xpos)-30;
		
		if(activepopup==null)
		{
			activepopup = $(this).find(".leftservicepopup");
			verticalarrow = $(this).find(".popupRightArrow");
			verticalarrow.css('top',finalarrow_y_pos+'px');
			
			activepopup.css('visibility','visible');
			activepopup.css('opacity','0');
			
			activepopup.animate({
				left : finalposition+"px",
				opacity:0.8	
			  }, 500, function() {
				
			});
		}
	});
	
	$('.leftbrain ul li').click(function(){
		optionindex = $(this).attr('id').split("-");
		finalarrow_y_pos = parseInt(optionindex[2])*30+parseInt(original_arrow_y_pos);
		
		finalposition = parseInt(rightpopup_xpos)+30;
		
		if(activepopup==null)
		{
			activepopup = $(this).find(".rightservicepopup");
			verticalarrow = $(this).find(".popupLeftArrow");
			verticalarrow.css('top',finalarrow_y_pos+'px');
			
			activepopup.css('visibility','visible');
			activepopup.css('opacity','0');
			
			activepopup.animate({
				left : finalposition+"px",
				opacity:0.8	
			  }, 500, function() {
				
			});
		}
	});
	
	// ------------------ close brain popup -------------------------------------
	
	$('.closepopup').live('click',function(){
		activepopup.css('visibility','hidden');
		
		if(activepopup.attr('class').indexOf('rightservicepopup')!=-1)
		{
			activepopup.css('left',rightpopup_xpos);
		}
		else
		{
			activepopup.css('left',leftpopup_xpos);
		}
		activepopup = null;
	});
	
});