$(document).ready(function(){	
	(function(){
		
		var hidden = true;
		
		$('.listStyle00 li').hover(
			function(){ 
				
				if (hidden){
					
					$(this).append('<span class="tooltipWrapper">'+
										'<span class="tooltipContent">'+
											'<span></span>'+
										'</span>'+
										//'<span class="tooltipFooter"></span>'+
									'</span>');
					
					var tooltip = $('.tooltipWrapper', this);
					tooltip.hide();
					var $class = $(this).attr('class');
					var $span = $('.tooltipWrapper .tooltipContent span');
					
					if ($class == 'dev' ) 	{ 
						tooltip.addClass('devTooltip');
						$span.text('Development');
					}
					else if ($class == 'design' ) { 
						tooltip.addClass('designTooltip') 
						$span.text('Web design');
					}
					else if ($class == 'marketing' ) { 
						tooltip.addClass('marketingTooltip') 
						$span.text('Marketing');
					}
					else if ($class == 'consult' ) { 
						tooltip.addClass('consultingTooltip') 
						$span.text('Consulting');
					}
					else { return false; }
					
					tooltip.slideDown('medium');
					hidden = false;
				}
			},
			
			function(){
				var tooltip = $('.tooltipWrapper', this);
				
				if (!hidden && tooltip){
					tooltip.slideUp('fast', function(){
						tooltip.remove();
					});
				}
				
				hidden = true;
			}
		);
		
		$('.contentStyle03 a').click(function(event){
			
			event.preventDefault();
			
			var href = $(this).attr('href');
			
			$.get(href, function(data){
				var panel = $('.workPanelWrapper', data);
				panel.css({ 
					'position':'absolute',
					'top':'16px', 
					'paddingTop':'0px',
					'height':'auto',  
					'display':'inline-block'
				})
				panel.hide();		
				panel.appendTo('.contentStyle00');
				
				var path = $('.workPanelWrapper img').attr('src');
				
				path = '/'+ path.slice(path.search(/_img/));
				
				$('.workPanelWrapper img').attr('src', path);
				
				var closeButton = $('<div class="closeButton"><a href="#"><img src="/_img/backgrounds/close-button.png" /></a></div>');
				closeButton.css({
					'top':'7px',
					'display':'block'
				});
				closeButton.appendTo('.contentStyle00');
				
				if (panel.is(':hidden'))
					panel.slideDown('slow');
				
				$('.closeButton').click(function(e){
					e.preventDefault();
					$('.workPanelWrapper').slideUp('slow', function(){
						$('.workPanelWrapper').remove();
						closeButton.remove();
					});
				});
				
			});
			
		});
		
	})(jQuery)
});