$(document).ready(function() {
  	// put all your jQuery goodness in here.

	var categoryDescription = new Array();

	categoryDescription[0] = 'I love being a designer.  I love thinking about ideas freely and observing them take shape; I love working on a project all day, losing myself in the work and even after having been involved almost 10 years in this field and I still love seeing the end result come to life.';

	categoryDescription[1] = 'As a developer I am a well organised individual, combining knowledge with aesthetic vision, working with clients and other design professionals to develop and design solutions that are functional, attractive and meet the needs of the people using the website.';

	categoryDescription[2] = 'All my life architecture has been my source of inspiration.  To me developing my career towards being an Information Architect, it has become less of a career and more of a learning pathway.  I have focused my attention in the area of sustainable information design.';

	function highlightTarget(oldclass, newclass, pointerclass, data) {
		resetAll();
		$('#pointer').stop();
		$('.services_content').stop();
		$('#paragraph').html(categoryDescription[data]);
		$('.'+oldclass).attr('class', newclass);
		$('.top_shadow_none').attr('class', 'top_shadow');
		$('.bottom_shadow_none').attr('class', 'bottom_shadow');
		$('#pointer').animate({opacity: '1'}, 500).attr('class', pointerclass);
		$('.services_content').animate({opacity: '1'}, 500);
	}
	function resetTarget(oldclass, newclass, pointerclass) {
		$('#pointer').stop();
		$('.services_content').stop();
		$('.'+oldclass).attr('class', newclass);
		$('.top_shadow').attr('class', 'top_shadow_none');
		$('.bottom_shadow').attr('class', 'bottom_shadow_none');
		$('#pointer').animate({opacity: '0'}, 300).attr('class', pointerclass);
		$('.services_content').animate({opacity: '0'}, 400);
	}

	function resetAll()
	{
		$('.graphic_design_bg').attr('class', 'graphic_design_bg_none');
		$('.interior_design').attr('class', 'interior_design_none');
		$('.drafting_bg').attr('class', 'drafting_bg_none');
		$('.top_shadow').attr('class', 'top_shadow_none');
		$('.bottom_shadow').attr('class', 'bottom_shadow_none');
	}
	
	

  	$("div.graphic_design_bg_none").mouseover(function(){
		highlightTarget('graphic_design_bg_none', 'graphic_design_bg', 'graphic_design_select', 0);
    }).mouseout(function(){
		resetTarget('graphic_design_bg', 'graphic_design_bg_none', 'graphic_design_select');
    }).mouseleave(function(){
		highlightTarget('interior_design_none', 'interior_design', 'interior_design_select', 1);
	});
	
	$("div.interior_design_none").mouseover(function(){
		highlightTarget('interior_design_none', 'interior_design', 'interior_design_select', 1);
    }).mouseout(function(){
		resetTarget('interior_design', 'interior_design_none', 'interior_design_select');
    });

 	$("div.drafting_bg_none").mouseover(function(){
		highlightTarget('drafting_bg_none', 'drafting_bg', 'drafting_select', 2);
    }).mouseout(function(){
		resetTarget('drafting_bg', 'drafting_bg_none', 'drafting_select');
    }).mouseleave(function(){
		highlightTarget('interior_design_none', 'interior_design', 'interior_design_select', 1);
	});
	
	
	highlightTarget('interior_design_none', 'interior_design', 'interior_design_select', 1);
	
	
});