window.addEvent('domready', function() {

									 

	//Fade out all but the first panel on page load

	$('insight').fade('out');

	$('creative').fade('out');

	$('clients').fade('out');

	$('creative_samples').fade('out');

	$('contact').fade('out');

									 

		

	//FADING FOR "Insight/Intelligence" link

	// this is the affected element

	var el = $('nav_creative');

	// this element is the trigger

	$('nav_insight').addEvent('mouseover', el.fade.bind(el, [.2]));

	$('nav_insight').addEvent('mouseout', el.fade.bind(el, [1]));

	

	// this is the affected element

	var el = $('nav_clients');

	// this element is the trigger

	$('nav_insight').addEvent('mouseover', el.fade.bind(el, [.2]));

	$('nav_insight').addEvent('mouseout', el.fade.bind(el, [1]));

	

	// this is the affected element

	var el = $('nav_contact');

	// this element is the trigger

	$('nav_insight').addEvent('mouseover', el.fade.bind(el, [.2]));

	$('nav_insight').addEvent('mouseout', el.fade.bind(el, [1]));

	

	

	

	

	

	//FADING FOR "Creative Execution" link

	// this is the affected element

	var el = $('nav_insight');

	// this element is the trigger

	$('nav_creative').addEvent('mouseover', el.fade.bind(el, [.2]));

	$('nav_creative').addEvent('mouseout', el.fade.bind(el, [1]));

	

	// this is the affected element

	var el = $('nav_clients');

	// this element is the trigger

	$('nav_creative').addEvent('mouseover', el.fade.bind(el, [.2]));

	$('nav_creative').addEvent('mouseout', el.fade.bind(el, [1]));

	

	// this is the affected element

	var el = $('nav_contact');

	// this element is the trigger

	$('nav_creative').addEvent('mouseover', el.fade.bind(el, [.2]));

	$('nav_creative').addEvent('mouseout', el.fade.bind(el, [1]));

	

	

	

	

	

	

	//FADING FOR "Clients" link

	// this is the affected element

	var el = $('nav_insight');

	// this element is the trigger

	$('nav_clients').addEvent('mouseover', el.fade.bind(el, [.2]));

	$('nav_clients').addEvent('mouseout', el.fade.bind(el, [1]));

	

	// this is the affected element

	var el = $('nav_creative');

	// this element is the trigger

	$('nav_clients').addEvent('mouseover', el.fade.bind(el, [.2]));

	$('nav_clients').addEvent('mouseout', el.fade.bind(el, [1]));

	

	// this is the affected element

	var el = $('nav_contact');

	// this element is the trigger

	$('nav_clients').addEvent('mouseover', el.fade.bind(el, [.2]));

	$('nav_clients').addEvent('mouseout', el.fade.bind(el, [1]));

	

	

	

	

	

	

	//FADING FOR "Contact" link

	// this is the affected element

	var el = $('nav_clients');

	// this element is the trigger

	$('nav_contact').addEvent('mouseover', el.fade.bind(el, [.2]));

	$('nav_contact').addEvent('mouseout', el.fade.bind(el, [1]));

	

	// this is the affected element

	var el = $('nav_creative');

	// this element is the trigger

	$('nav_contact').addEvent('mouseover', el.fade.bind(el, [.2]));

	$('nav_contact').addEvent('mouseout', el.fade.bind(el, [1]));

	

	// this is the affected element

	var el = $('nav_insight');

	// this element is the trigger

	$('nav_contact').addEvent('mouseover', el.fade.bind(el, [.2]));

	$('nav_contact').addEvent('mouseout', el.fade.bind(el, [1]));

	

	

	

	

	

	

	

	//**Fade Effects for Main Divs

	// this is the affected element

	var el = $('homepage');

	// this element is the trigger

	$('logo_link').addEvent('click', el.fade.bind(el, [1]));

	$('nav_insight').addEvent('click', el.fade.bind(el, [0]));

	$('nav_creative').addEvent('click', el.fade.bind(el, [0]));

	$('nav_clients').addEvent('click', el.fade.bind(el, [0]));

	$('creative_samples_link').addEvent('click', el.fade.bind(el, [0]));

	$('nav_contact').addEvent('click', el.fade.bind(el, [0]));

	

	// this is the affected element

	var el = $('insight');

	// this element is the trigger

	$('logo_link').addEvent('click', el.fade.bind(el, [0]));

	$('nav_insight').addEvent('click', el.fade.bind(el, [1]));

	$('nav_creative').addEvent('click', el.fade.bind(el, [0]));

	$('nav_clients').addEvent('click', el.fade.bind(el, [0]));

	$('creative_samples_link').addEvent('click', el.fade.bind(el, [0]));

	$('nav_contact').addEvent('click', el.fade.bind(el, [0]));

	

	// this is the affected element

	var el = $('creative');

	// this element is the trigger

	$('logo_link').addEvent('click', el.fade.bind(el, [0]));

	$('nav_insight').addEvent('click', el.fade.bind(el, [0]));

	$('nav_creative').addEvent('click', el.fade.bind(el, [1]));

	$('nav_clients').addEvent('click', el.fade.bind(el, [0]));

	$('creative_samples_link').addEvent('click', el.fade.bind(el, [0]));

	$('nav_contact').addEvent('click', el.fade.bind(el, [0]));

	

	// this is the affected element

	var el = $('clients');

	// this element is the trigger

	$('logo_link').addEvent('click', el.fade.bind(el, [0]));

	$('nav_insight').addEvent('click', el.fade.bind(el, [0]));

	$('nav_creative').addEvent('click', el.fade.bind(el, [0]));

	$('nav_clients').addEvent('click', el.fade.bind(el, [1]));

	$('creative_samples_link').addEvent('click', el.fade.bind(el, [0]));

	$('nav_contact').addEvent('click', el.fade.bind(el, [0]));

	

	// this is the affected element

	var el = $('creative_samples');

	// this element is the trigger

	$('logo_link').addEvent('click', el.fade.bind(el, [0]));

	$('nav_insight').addEvent('click', el.fade.bind(el, [0]));

	$('nav_creative').addEvent('click', el.fade.bind(el, [0]));

	$('nav_clients').addEvent('click', el.fade.bind(el, [0]));

	$('creative_samples_link').addEvent('click', el.fade.bind(el, [1]));

	$('nav_contact').addEvent('click', el.fade.bind(el, [0]));

	

	// this is the affected element

	var el = $('contact');

	// this element is the trigger

	$('logo_link').addEvent('click', el.fade.bind(el, [0]));

	$('nav_insight').addEvent('click', el.fade.bind(el, [0]));

	$('nav_creative').addEvent('click', el.fade.bind(el, [0]));

	$('nav_clients').addEvent('click', el.fade.bind(el, [0]));

	$('creative_samples_link').addEvent('click', el.fade.bind(el, [0]));

	$('nav_contact').addEvent('click', el.fade.bind(el, [1]));

	

	

	

	

});