var this_class = null;
	var box = null;
	
	//code for circles menu aninmation and details box
	$(document).ready(function () {
      /* animation is killing the a tags in the li tag - fix */
      $('#menu li, #menu2 li').click(function(evt) {
			window.location = $('a', $(this)).attr('href');
		});
		
		$('#menu li').hover(
		
			function () {
				//get class nae of hovered item
				var this_class = $(this).attr('class');
				var ele = "."+this_class;
			
				//change the background image
					//$(this).css('filter', 'alpha(opacity=40)');

					$(this).fadeIn('slow', function() {
						$(this).css("background-image", "url(/Corporate/images/circle_"+this_class+"_OVER.png)");
					});
					
				//animate the menu item with 0 top value
				$(ele).stop().animate({top: '-10px'}, {easing: 'easeOutQuad', duration:500});
				
				var this_box = "#textBox"+this_class;
				var i = '1';
				for (i = 1; i < 16; i++) {
					if (i != this_class) {
						var that_box = "#textBox"+i;
						$(that_box).css("display", "none");
					}
				}
				$(this_box).css("display", "block");
		
				
			},
			function () {
				//get class name of hovered item
				var this_class = $(this).attr('class');
				var ele = "."+this_class;
				
				//change the background image to original
				$(this).fadeIn('slow', function() {
					$(this).css("background-image", "url(/Corporate/images/circle_"+this_class+".png)");
				});
	
				//set the position to default
				$(ele).stop().animate({top: '0px'}, {easing: 'easeOutQuad', duration:500});
				
				var this_box = "#textBox"+this_class;
				$(this_box).css("display", "none");
			}		
		);
	
	});
	
	
	$(document).ready(function () {
      
		$('#menu2 li').hover(
			function () {
				//get class nae of hovered item
				var this_class = $(this).attr('class');
				var ele = "."+this_class;
			
				//change the background image
					$(this).fadeIn('slow', function() {
						$(this).css("background-image", "url(/Corporate/images/circle_"+this_class+"_OVER.png)");
					});
					
				//animate the menu item with 0 top value
				$(ele).stop().animate({top: '-10px'}, {easing: 'easeOutQuad', duration:500});
				
				var this_box = "#textBox"+this_class;
				var i = '1';
				for (i = 1; i < 16; i++) {
					if (i != this_class) {
						var that_box = "#textBox"+i;
						$(that_box).css("display", "none");
					}
				}
				$(this_box).css("display", "block");

				
			},
			function () {
				//get class name of hovered item
				var this_class = $(this).attr('class');
				var ele = "."+this_class;
				
				//change the background image to original
				$(this).fadeIn('slow', function() {
					$(this).css("background-image", "url(/Corporate/images/circle_"+this_class+".png)");
				});
	
				//set the position to default
				$(ele).stop().animate({top: '0px'}, {easing: 'easeOutQuad', duration:500});
				
				var this_box = "#textBox"+this_class;
				$(this_box).css("display", "none");
				
			}		
		);
		
		
		/*$('#menu li').click( function () {
			var this_id = $(this).attr('class');
			var this_box = "#textBox"+this_id;
			
			var i = '1';
			for (i = 1; i < 16; i++) {
				if (i != this_id) {
					var that_box = "#textBox"+i;
					$(that_box).css("display", "none");
				}
			}
			$(this_box).css("display", "block");
			
			var this_close = '#close'+this_id;
			$(this_close).click( function () {
			
				$(this_box).css("display", "none");
				
					 
			});		 
		});
		
		$('#menu2 li').click( function () {
			var this_id = $(this).attr('class');
			var this_box = "#textBox"+this_id;
			
			var i = '1';
			for (i = 1; i < 16; i++) {
				if (i != this_id) {
					var that_box = "#textBox"+i;
					$(that_box).css("display", "none");
				}
			}
			$(this_box).css("display", "block");
			
			var this_close = '#close'+this_id;
			$(this_close).click( function () {
			
				$(this_box).css("display", "none");
				
					 
			});		 
		});*/
	
	});