$(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 an interior designer I am a well organised individual, combining knowledge with aesthetic vision, working with clients and other design professionals to develop design solutions that are safe, functional, attractive and meet the needs of the people using the space.';

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

	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);
	
	
});