window.addEvent('domready', function()
{
	//the previous/next functionality
	prevNext();
});

var _tag = 1;
var _transTime = 500;
var _lSize = 230;
var _mSize = 90;
var _sSize = 45;
var _ajaxTimer;

var imageObj = new Image();
var imageSources = new Array();
imageSources.push('');

var pageTitle = new Array();
pageTitle.push('');

var pageURLTitle = new Array();
pageURLTitle.push('');


imageObj.src = 'http://www.sutter-group.com/images/element_icons/01_animation_motion_graphics_lg.png';
imageSources.push(encodeURI('http://www.sutter-group.com/images/element_icons/01_animation_motion_graphics_lg.png'));
pageTitle.push('Animation Motion Graphics | Maryland DC Virginia Web Design Development Interactive Agency');
pageURLTitle.push('animation_motion_graphics');

imageObj.src = 'http://www.sutter-group.com/images/element_icons/02_branding_lg.png';
imageSources.push(encodeURI('http://www.sutter-group.com/images/element_icons/02_branding_lg.png'));
pageTitle.push('Branding | Maryland Washington DC Virginia Web Design Branding Advertising Agency');
pageURLTitle.push('branding');

imageObj.src = 'http://www.sutter-group.com/images/element_icons/03_graphic_design_lg.png';
imageSources.push(encodeURI('http://www.sutter-group.com/images/element_icons/03_graphic_design_lg.png'));
pageTitle.push('Graphic Design | Maryland Washington DC Virginia Web Design Branding Advertising Agency');
pageURLTitle.push('graphic_design');

imageObj.src = 'http://www.sutter-group.com/images/element_icons/04_identity_design_lg.png';
imageSources.push(encodeURI('http://www.sutter-group.com/images/element_icons/04_identity_design_lg.png'));
pageTitle.push('Identity Design | Maryland Washington DC Virginia Web Design Branding Advertising Agency');
pageURLTitle.push('identity_design');

imageObj.src = 'http://www.sutter-group.com/images/element_icons/05_website_design_lg.png';
imageSources.push(encodeURI('http://www.sutter-group.com/images/element_icons/05_website_design_lg.png'));
pageTitle.push('Web Design | Maryland Web Design | DC Web Design | Virginia Web Design | Interactive Development Maryland ');
pageURLTitle.push('website_design');

imageObj.src = 'http://www.sutter-group.com/images/element_icons/06_event_production_lg.png';
imageSources.push(encodeURI('http://www.sutter-group.com/images/element_icons/06_event_production_lg.png'));
pageTitle.push('Event Production | Maryland Washington DC Virginia Web Design Branding Advertising Agency');
pageURLTitle.push('event_production');

imageObj.src = 'http://www.sutter-group.com/images/element_icons/07_campaign_planning_lg.png';
imageSources.push(encodeURI('http://www.sutter-group.com/images/element_icons/07_campaign_planning_lg.png'));
pageTitle.push('Campaign Planning | Maryland Washington DC Virginia Web Design Branding Advertising Agency');
pageURLTitle.push('campaign_planning');

imageObj.src = 'http://www.sutter-group.com/images/element_icons/08_collateral_design_lg.png';
imageSources.push(encodeURI('http://www.sutter-group.com/images/element_icons/08_collateral_design_lg.png'));
pageTitle.push('Collateral Design | Maryland Washington DC Virginia Web Design Branding Advertising Agency');
pageURLTitle.push('collateral_design');

imageObj.src = 'http://www.sutter-group.com/images/element_icons/09_outdoor_advertising_lg.png';
imageSources.push(encodeURI('http://www.sutter-group.com/images/element_icons/09_outdoor_advertising_lg.png'));
pageTitle.push('Outdoor Advertising | Maryland Washington DC Virginia Web Design Branding Advertising Agency');
pageURLTitle.push('outdoor_advertising');

imageObj.src = 'http://www.sutter-group.com/images/element_icons/10_database_marketing_lg.png';
imageSources.push(encodeURI('http://www.sutter-group.com/images/element_icons/10_database_marketing_lg.png'));
pageTitle.push('Database Marketing | Maryland Washington DC Virginia Web Design Branding Advertising Agency');
pageURLTitle.push('database_marketing');

imageObj.src = 'http://www.sutter-group.com/images/element_icons/11_custom_advertising_specialties_lg.png';
imageSources.push(encodeURI('http://www.sutter-group.com/images/element_icons/11_custom_advertising_specialties_lg.png'));
pageTitle.push('Custom Advertising Specialties | Maryland DC Virginia Web Design Branding Advertising Agency');
pageURLTitle.push('custom_advertising_specialties');

imageObj.src = 'http://www.sutter-group.com/images/element_icons/12_custom_apparel_design_lg.png';
imageSources.push(encodeURI('http://www.sutter-group.com/images/element_icons/12_custom_apparel_design_lg.png'));
pageTitle.push('Custom Apparel Design | Maryland Washington DC Virginia Web Design Branding Advertising Agency');
pageURLTitle.push('custom_apparel_design');

imageObj.src = 'http://www.sutter-group.com/images/element_icons/13_search_optimization_lg.png';
imageSources.push(encodeURI('http://www.sutter-group.com/images/element_icons/13_search_optimization_lg.png'));
pageTitle.push('Search Optimization | Maryland Washington DC Virginia Website Design Development Interactive Agency');
pageURLTitle.push('search_optimization');

imageObj.src = 'http://www.sutter-group.com/images/element_icons/14_information_architecture_lg.png';
imageSources.push(encodeURI('http://www.sutter-group.com/images/element_icons/14_information_architecture_lg.png'));
pageTitle.push('Information Architecture | Maryland Washington DC Virginia Web Design Development Interactive Agency');
pageURLTitle.push('information_architecture');

imageObj.src = 'http://www.sutter-group.com/images/element_icons/15_exibit_design_lg.png';
imageSources.push(encodeURI('http://www.sutter-group.com/images/element_icons/15_exibit_design_lg.png'));
pageTitle.push('Exhibit Design | Maryland Washington DC Virginia Web Design Branding Advertising Agency');
pageURLTitle.push('exhibit_design');

imageObj.src = 'http://www.sutter-group.com/images/element_icons/16_graphic_standards_lg.png';
imageSources.push(encodeURI('http://www.sutter-group.com/images/element_icons/16_graphic_standards_lg.png'));
pageTitle.push('Graphic Standards | Maryland Washington DC Virginia Web Design Branding Advertising Agency');
pageURLTitle.push('graphic_standards');

imageObj.src = 'http://www.sutter-group.com/images/element_icons/17_copy_content_development_lg.png';
imageSources.push(encodeURI('http://www.sutter-group.com/images/element_icons/17_copy_content_development_lg.png'));
pageTitle.push('Copy/Content Development | Maryland Washington DC Virginia Web Design Branding Advertising Agency');
pageURLTitle.push('copy_content_development');

imageObj.src = 'http://www.sutter-group.com/images/element_icons/18_publication_design_lg.png';
imageSources.push(encodeURI('http://www.sutter-group.com/images/element_icons/18_publication_design_lg.png'));
pageTitle.push('Publication Design | Maryland Washington DC Virginia Web Design Branding Advertising Agency');
pageURLTitle.push('publication_design');

imageObj.src = 'http://www.sutter-group.com/images/element_icons/19_email_marketing_lg.png';
imageSources.push(encodeURI('http://www.sutter-group.com/images/element_icons/19_email_marketing_lg.png'));
pageTitle.push('Email Marketing | Maryland Washington DC Virginia Web Design Branding Advertising Agency');
pageURLTitle.push('email_marketing');

imageObj.src = 'http://www.sutter-group.com/images/element_icons/20_reward_programs_lg.png';
imageSources.push(encodeURI('http://www.sutter-group.com/images/element_icons/20_reward_programs_lg.png'));
pageTitle.push('Reward Programs | Maryland Washington DC Virginia Web Design Branding Advertising Agency');
pageURLTitle.push('reward_programs');

imageObj.src = 'http://www.sutter-group.com/images/element_icons/21_custom_award_gift_design_lg.png';
imageSources.push(encodeURI('http://www.sutter-group.com/images/element_icons/21_custom_award_gift_design_lg.png'));
pageTitle.push('Custom Award Gift Design | Maryland Washington DC Virginia Web Design Branding Advertising Agency');
pageURLTitle.push('custom_award_gift_design');

imageObj.src = 'http://www.sutter-group.com/images/element_icons/22_application_development_lg.png';
imageSources.push(encodeURI('http://www.sutter-group.com/images/element_icons/22_application_development_lg.png'));
pageTitle.push('Application Development | Maryland Washington DC Virginia Web Design Development Interactive Agency');
pageURLTitle.push('application_development');

imageObj.src = 'http://www.sutter-group.com/images/element_icons/23_social_network_integration_lg.png';
imageSources.push(encodeURI('http://www.sutter-group.com/images/element_icons/23_social_network_integration_lg.png'));
pageTitle.push('Social Network Integration | Maryland Washington DC Virginia Twitter Facebook Blog Design Management');
pageURLTitle.push('social_network_integration');

imageObj.src = 'http://www.sutter-group.com/images/element_icons/24_e-learning_distance_learning_lg.png';
imageSources.push(encodeURI('http://www.sutter-group.com/images/element_icons/24_e-learning_distance_learning_lg.png'));
pageTitle.push('E-Learning/Distance Learning | Maryland Washington DC Virginia Web Design Development Agency');
pageURLTitle.push('distance_learning_e-learning');

imageObj.src = 'http://www.sutter-group.com/images/element_icons/25_presentation_design_lg.png';
imageSources.push(encodeURI('http://www.sutter-group.com/images/element_icons/25_presentation_design_lg.png'));
pageTitle.push('Presentation Design | Maryland Washington DC Virginia Web Design Branding Advertising Agency');
pageURLTitle.push('presentation_design');

imageObj.src = 'http://www.sutter-group.com/images/element_icons/26_marketing_strategy_lg.png';
imageSources.push(encodeURI('http://www.sutter-group.com/images/element_icons/26_marketing_strategy_lg.png'));
pageTitle.push('Marketing Strategy | Maryland Washington DC Virginia Web Design Branding Advertising Agency');
pageURLTitle.push('marketing_strategy');

imageObj.src = 'http://www.sutter-group.com/images/element_icons/27_advertising_lg.png';
imageSources.push(encodeURI('http://www.sutter-group.com/images/element_icons/27_advertising_lg.png'));
pageTitle.push('Advertising | Maryland Washington DC Virginia Website Design Branding Marketing Agency');
pageURLTitle.push('advertising');

imageObj.src = 'http://www.sutter-group.com/images/element_icons/28_3-d_illustration_lg.png';
imageSources.push(encodeURI('http://www.sutter-group.com/images/element_icons/28_3-d_illustration_lg.png'));
pageTitle.push('3-D Illustration | Maryland Washington DC Virginia Website Design Development Interactive Agency');
pageURLTitle.push('3-d_illustration');

imageObj.src = 'http://www.sutter-group.com/images/element_icons/29_direct_mail_lg.png';
imageSources.push(encodeURI('http://www.sutter-group.com/images/element_icons/29_direct_mail_lg.png'));
pageTitle.push('Direct Mail | Maryland Washington DC Virginia Web Design Branding Advertising Agency');
pageURLTitle.push('direct_mail');

imageObj.src = 'http://www.sutter-group.com/images/element_icons/30_on-demand_printing_lg.png';
imageSources.push(encodeURI('http://www.sutter-group.com/images/element_icons/30_on-demand_printing_lg.png'));
pageTitle.push('On-Demand Printing | Maryland Washington DC Virginia Web Design Branding Advertising Agency');
pageURLTitle.push('on-demand_printing');

imageObj.src = 'http://www.sutter-group.com/images/element_icons/31_fulfillment_lg.png';
imageSources.push(encodeURI('http://www.sutter-group.com/images/element_icons/31_fulfillment_lg.png'));
pageTitle.push('Fulfillment | Maryland Washington DC Virginia Web Design Branding Advertising Agency');
pageURLTitle.push('fulfillment');

imageObj.src = 'http://www.sutter-group.com/images/element_icons/32_content_management_systems_lg.png';
imageSources.push(encodeURI('http://www.sutter-group.com/images/element_icons/32_content_management_systems_lg.png'));
pageTitle.push('Content Management Systems | Maryland DC Virginia Web Design Development Interactive Agency');
pageURLTitle.push('content_management_systems');

imageObj.src = 'http://www.sutter-group.com/images/element_icons/33_user_experience_design_lg.png';
imageSources.push(encodeURI('http://www.sutter-group.com/images/element_icons/33_user_experience_design_lg.png'));
pageTitle.push('User Experience Design | Maryland Washington DC Virginia Web Design Development Interactive Agency');
pageURLTitle.push('user_experience_design');

imageObj.src = 'http://www.sutter-group.com/images/element_icons/34_environmental_graphics_lg.png';
imageSources.push(encodeURI('http://www.sutter-group.com/images/element_icons/34_environmental_graphics_lg.png'));
pageTitle.push('Environmental Graphics | Maryland Washington DC Virginia Web Design Branding Advertising Agency');
pageURLTitle.push('environmental_graphics');

imageObj.src = 'http://www.sutter-group.com/images/element_icons/35_event_photography_lg.png';
imageSources.push(encodeURI('http://www.sutter-group.com/images/element_icons/35_event_photography_lg.png'));
pageTitle.push('Event Photography | Maryland Washington DC Virginia Web Design Branding Advertising Agency');
pageURLTitle.push('event_photography');

imageObj.src = 'http://www.sutter-group.com/images/element_icons/36_public_relations_lg.png';
imageSources.push(encodeURI('http://www.sutter-group.com/images/element_icons/36_public_relations_lg.png'));
pageTitle.push('Public Relations | Maryland Washington DC Virginia Web Design Branding Advertising Agency');
pageURLTitle.push('public_relations');

imageObj.src = 'http://www.sutter-group.com/images/element_icons/37_library_resource_management_lg.png';
imageSources.push(encodeURI('http://www.sutter-group.com/images/element_icons/37_library_resource_management_lg.png'));
pageTitle.push('Library Resource Management | Maryland DC Virginia Website Design Development Interactive Agency');
pageURLTitle.push('library_resource_management');

imageObj.src = 'http://www.sutter-group.com/images/element_icons/38_program_administration_lg.png';
imageSources.push(encodeURI('http://www.sutter-group.com/images/element_icons/38_program_administration_lg.png'));
pageTitle.push('Program Administration | Maryland Washington DC Virginia Website Design Branding E-learning');
pageURLTitle.push('program_administration');

imageObj.src = 'http://www.sutter-group.com/images/element_icons/39_project_management_lg.png';
imageSources.push(encodeURI('http://www.sutter-group.com/images/element_icons/39_project_management_lg.png'));
pageTitle.push('Project Management | Maryland Washington DC Virginia Website Design Development Interactive Agency');
pageURLTitle.push('project_management');

imageObj.src = 'http://www.sutter-group.com/images/element_icons/40_account_management_lg.png';
imageSources.push(encodeURI('http://www.sutter-group.com/images/element_icons/40_account_management_lg.png'));
pageTitle.push('Account Management | Maryland Washington DC Virginia Website Design Advertising Branding Agency');
pageURLTitle.push('account_management');

imageObj.src = 'http://www.sutter-group.com/images/element_icons/41_print_production_lg.png';
imageSources.push(encodeURI('http://www.sutter-group.com/images/element_icons/41_print_production_lg.png'));
pageTitle.push('Print Production | Maryland Washington DC Virginia Graphic Design Advertising Marketing Agency');
pageURLTitle.push('print_production');

imageObj.src = 'http://www.sutter-group.com/images/element_icons/42_flash_design_and_development_lg.png';
imageSources.push(encodeURI('http://www.sutter-group.com/images/element_icons/42_flash_design_and_development_lg.png'));
pageTitle.push('Flash Design | Maryland Washington DC Virginia Website Design Development Interactive Agency');
pageURLTitle.push('flash_design_and_development');

imageObj.src = 'http://www.sutter-group.com/images/element_icons/43_viral_marketing_lg.png';
imageSources.push(encodeURI('http://www.sutter-group.com/images/element_icons/43_viral_marketing_lg.png'));
pageTitle.push('Viral Marketing | Maryland Washington DC Virginia Website Design Development Interactive Agency');
pageURLTitle.push('viral_marketing');



//the previous and next elements
function prevNext()
{
	//get the number to load in later ajax calls
	_tag = $$('#element_holder .current')[0].getElement('img').getProperty('id');
	_tag = _tag.replace(/element/, '');
	_tag = Number(_tag);
	document.title = pageTitle[_tag] + ' | Services | The Sutter Group';
	//window.location.hash = pageURLTitle[_tag];
	
	$$('#element_holder .prev')[0].setStyle('display', 'block');
	$$('#element_holder .prev img')[0].setStyle('opacity', 0);
	$$('#element_holder .prev img')[0].morph({opacity: 0.5});
	$$('#element_holder .prev a')[0].setProperty('href', '#');
	
	$$('#element_holder .current')[0].setStyle('display', 'block');
	$$('#element_holder .current img')[0].setStyle('opacity', 1);
	
	$$('#element_holder .next')[0].setStyle('display', 'block');
	$$('#element_holder .next img')[0].setStyle('opacity', 0);
	$$('#element_holder .next img')[0].morph({opacity: 0.5});
	$$('#element_holder .next a')[0].setProperty('href', '#');
	
	$$('#element_holder .nextQ')[0].setStyle('display', 'block');
	$$('#element_holder .nextQ img')[0].setStyle('opacity', 0);
	$$('#element_holder .nextQ img')[0].morph({opacity: 0.1});
	
	$$('#element_holder .prevQ')[0].setStyle('display', 'block');
	$$('#element_holder .prevQ img')[0].setStyle('opacity', 0);
	$$('#element_holder .prevQ img')[0].morph({opacity: 0.1});
	
	//store the respective element gallery number
	$$('#element_holder .prevQ')[0].store('num', determineTag(_tag - 2));
	$$('#element_holder .prev')[0].store('num', determineTag(_tag - 1));
	$$('#element_holder .current')[0].store('num', determineTag(_tag));
	$$('#element_holder .next')[0].store('num', determineTag(_tag + 1));
	$$('#element_holder .nextQ')[0].store('num',determineTag( _tag + 2));
	
	//set the morph for each element
	$$('#element_holder .prevQ')[0].set('morph', {duration:_transTime, link:'cancel', transition:Fx.Transitions.Sine.easeOut});
	$$('#element_holder .prev')[0].set('morph', {duration:_transTime, link:'cancel', transition:Fx.Transitions.Sine.easeOut});
	$$('#element_holder .current')[0].set('morph', {duration:_transTime, link:'cancel', transition:Fx.Transitions.Sine.easeOut});
	$$('#element_holder .next')[0].set('morph', {duration:_transTime, link:'cancel', transition:Fx.Transitions.Sine.easeOut});
	$$('#element_holder .nextQ')[0].set('morph', {duration:_transTime, link:'cancel', transition:Fx.Transitions.Sine.easeOut});
	
	//add the initial click event for the element classes
	jQuery('#element_holder .prev').one('click', previousElement);
	$$('#element_holder .prev')[0].setStyle('cursor', 'pointer');
	jQuery('#element_holder .next').one('click', nextElement);
	$$('#element_holder .next')[0].setStyle('cursor', 'pointer');
}

function determineTag(theNum)
{
	theNum = Number(theNum);
	var tag = theNum;
	if (theNum < 1)
	{
		tag = 43 + theNum;
	}
	else if (theNum > 43)
	{
		tag = theNum - 43;
	}
	return tag;
}

function previousElement(e)
{
	e.preventDefault();
	//remove the onclick events
	jQuery('#element_holder .prev').unbind('click', previousElement);
	jQuery('#element_holder .next').unbind('click', nextElement);
	$$('#element_holder .prev')[0].setStyle('cursor', 'default');
	$$('#element_holder .next')[0].setStyle('cursor', 'default');
	
	//abort any current ajax calls
	if (ajaxElement)
	{
		ajaxElement.abort();
		jQuery("#ajaxLoading").html('');
		jQuery("#elementInfo").html('');
	}
	
	//store the tag of the new current element
	var newCurrent = $$('#element_holder .prev')[0].retrieve('num');
	document.title = pageTitle[newCurrent] + ' | Services | The Sutter Group';
	//window.location.hash = pageURLTitle[newCurrent];
	
	var theNum = determineTag($$('#element_holder .prevQ')[0].retrieve('num') - 1);
	$$('#element_holder .nextQ')[0].store('num', theNum);
	ajaxPic( $$('#element_holder .nextQ')[0], theNum);
	
	//morph the position of each element
	//morph to prev
	$$('#element_holder .prevQ')[0].morph({width: _mSize, height: _mSize, top: 75, left: 45, zIndex:50});
	$$('#element_holder .prevQ img')[0].morph({opacity: 0.5});
	//morph to current
	$$('#element_holder .prev')[0].morph({width: _lSize, height: _lSize, top: 10, left: 185, zIndex:50});
	$$('#element_holder .prev img')[0].morph({opacity: 1});
	//morph to next
	$$('#element_holder .current')[0].morph({width: _mSize, height: _mSize, top: 75, left: 465, zIndex:50});
	$$('#element_holder .current img')[0].morph({opacity: 0.5});
	//moph to nextQ
	$$('#element_holder .next')[0].morph({width: _sSize, height: _sSize, top: 100, left: 395, zIndex:5});
	$$('#element_holder .next img')[0].morph({opacity: 0.1});
	//morph to prevQ
	$$('#element_holder .nextQ')[0].morph({width: _sSize, height: _sSize, top: 100, left: 160, zIndex:5});
	$$('#element_holder .nextQ img')[0].morph({opacity: 0.1});
	
	/*change the class of each element*/
	(function() {
	var temp1 = $$('#element_holder .prevQ')[0];
	var temp2 = $$('#element_holder .prev')[0];
	var temp3 = $$('#element_holder .current')[0];
	var temp4 = $$('#element_holder .next')[0];
	var temp5 = $$('#element_holder .nextQ')[0];
	
	temp1.setProperty('class', 'prev');
	temp2.setProperty('class', 'current');
	temp3.setProperty('class', 'next');
	temp4.setProperty('class', 'nextQ');
	temp5.setProperty('class', 'prevQ');
	
	/*load in the content*/
	ajaxLoad(newCurrent);
	
	/*add the click event for the element classes*/
	jQuery('#element_holder .prev').one('click', previousElement);
	$$('#element_holder .prev')[0].setStyle('cursor', 'pointer');
	jQuery('#element_holder .next').one('click', nextElement);
	$$('#element_holder .next')[0].setStyle('cursor', 'pointer');
	}).delay(_transTime);
	
	return false;
}

function nextElement(e)
{
	e.preventDefault();
	
	/*remove the onclick events*/
	jQuery('#element_holder .prev').unbind('click', previousElement);
	jQuery('#element_holder .next').unbind('click', nextElement);
	$$('#element_holder .prev')[0].setStyle('cursor', 'default');
	$$('#element_holder .next')[0].setStyle('cursor', 'default');
	
	/*abort any current ajax calls*/
	if (ajaxElement)
	{
		ajaxElement.abort();
		jQuery("#ajaxLoading").html('');
		jQuery("#elementInfo").html('');
	}
	
	/*store the tag of the new current element*/
	var newCurrent = $$('#element_holder .next')[0].retrieve('num');
	document.title = pageTitle[newCurrent] + ' | Services | The Sutter Group';
	//window.location.hash = pageURLTitle[newCurrent];
	
	var theNum = determineTag($$('#element_holder .nextQ')[0].retrieve('num') + 1);
	$$('#element_holder .prevQ')[0].store('num', theNum);
	ajaxPic( $$('#element_holder .prevQ')[0], theNum);
	
	/*morph the postion of each element*/
	/*morph to prev*/
	$$('#element_holder .current')[0].morph({width: _mSize, height: _mSize, top: 75, left: 45, zIndex:50});
	$$('#element_holder .current img')[0].morph({opacity: 0.5});
	/*morph to current*/
	$$('#element_holder .next')[0].morph({width: _lSize, height: _lSize, top: 10, left: 185, zIndex:50});
	$$('#element_holder .next img')[0].morph({opacity: 1});
	/*morph to next*/
	$$('#element_holder .nextQ')[0].morph({width: _mSize, height: _mSize, top: 75, left: 465, zIndex:50});
	$$('#element_holder .nextQ img')[0].morph({opacity: 0.5});
	/*moph to nextQ*/
	$$('#element_holder .prevQ')[0].morph({width: _sSize, height: _sSize, top: 100, left: 395, zIndex:5});
	$$('#element_holder .prevQ img')[0].morph({opacity: 0.1});
	/*morph to prevQ*/
	$$('#element_holder .prev')[0].morph({width: _sSize, height: _sSize, top: 100, left: 160, zIndex:5});
	$$('#element_holder .prev img')[0].morph({opacity: 0.1});
	
	/*change the class of each element*/
	(function() {
		var temp1 = $$('#element_holder .prevQ')[0];
		var temp2 = $$('#element_holder .prev')[0];
		var temp3 = $$('#element_holder .current')[0];
		var temp4 = $$('#element_holder .next')[0];
		var temp5 = $$('#element_holder .nextQ')[0];
		
		temp1.setProperty('class', 'nextQ');
		temp2.setProperty('class', 'prevQ');
		temp3.setProperty('class', 'prev');
		temp4.setProperty('class', 'current');
		temp5.setProperty('class', 'next');
		
		/*load in the content*/
		ajaxLoad(newCurrent);
		
		/*add the click event for the element classes*/
		jQuery('#element_holder .prev').one('click', previousElement);
		$$('#element_holder .prev')[0].setStyle('cursor', 'pointer');
		jQuery('#element_holder .next').one('click', nextElement);
		$$('#element_holder .next')[0].setStyle('cursor', 'pointer');
	}).delay(_transTime);
	
	return false;
}

function ajaxPic(element, tag)
{
	tag = Number(tag);
	element.getElement('img').setProperty('src', decodeURI(imageSources[tag]));
}

var ajaxElement;
function ajaxLoad(tag)
{
	/*the actual ajax had to be executed with jQuery due to name entity encoding problems encountered when using mootools*/
	if(_ajaxTimer)
	{clearTimeout(_ajaxTimer);}
	_ajaxTimer = setTimeout(displayLoadingImage, 1500);
	
	/*load in the elements - jQuery*/
	ajaxElement = jQuery.ajax({
		url: 'http://www.sutter-group.com/services/element_info/' + tag,
		cache: false,
		success: function (html) {
			jQuery("#elementInfo").html(html);
			clearTimeout(_ajaxTimer);
			jQuery("#ajaxLoading").html('');
			fisheye_moo();
		}
	});
}
	
function displayLoadingImage()
{
	jQuery("#ajaxLoading").html('<p><img src="http://www.sutter-group.com/images/ajax_loader.gif" alt="" /></p>');
}