<!-- Page Movement -->
window.addEvent('domready', function(){
			var scroll = new Fx.Scroll('scrollHolder', {
				wait: false,
				duration: 2000,
				offset: {'x': 0, 'y': 0},
				transition: Fx.Transitions.Quad.easeInOut
			});
			window.addEvent('domready', function(){
			scroll.toElement('homeContainer');
			});
			
			$('navAbout').addEvent('click', function(event) { 
				event = new Event(event).stop();
				scroll.toElement('aboutContainer');
			});
			
			$('navGraphic').addEvent('click', function(event) {
				event = new Event(event).stop();
				scroll.toElement('graphicContainer');
			});
			
			$('navPrinting').addEvent('click', function(event) {
				event = new Event(event).stop();
				scroll.toElement('printingContainer');
			});
			
			$('navMarketing').addEvent('click', function(event) {
				event = new Event(event).stop();
				scroll.toElement('marketingContainer');
			});			
			$('navWeb').addEvent('click', function(event) {
				event = new Event(event).stop();
				scroll.toElement('webContainer');
			});
			$('navHome').addEvent('click', function(event) {
				event = new Event(event).stop();
				scroll.toElement('homeContainer');
			});
			
		}); 
	

<!-- Image Rollovers -->
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}


<!-- Show/Hide Main Navigation Titles -->
function setVisibility(objectID,state) {
		var object = document.getElementById(objectID);
		object.style.visibility = state;
	}

function toggleVisibility(objectID) {
	var object = document.getElementById(objectID);
	state = object.style.visibility;
	if (state == 'hidden')
		object.style.visibility = 'visible';
	else {
	if (state == 'visible')
			object.style.visibility = 'hidden'; 
	else object.style.visibility = 'visible';
	}
}


<!-- Main Nav Section Active -->
function marketing()
{
    document.getElementById("marketingimg").src='/images/nav_marketing_over.png';
    document.getElementById("printingimg").src='/images/nav_print_text.png';
    document.getElementById("graphicimg").src='/images/nav_graphic_text.png';
    document.getElementById("webimg").src='/images/nav_web_text.png';
	document.getElementById("aboutimg").src='/images/nav_about_text.png';
	
}
function printing()
{
    document.getElementById("marketingimg").src='/images/nav_marketing_text.png';
    document.getElementById("printingimg").src='/images/nav_print_over.png';
    document.getElementById("graphicimg").src='/images/nav_graphic_text.png';
    document.getElementById("webimg").src='/images/nav_web_text.png';
	document.getElementById("aboutimg").src='/images/nav_about_text.png';
	
}
function graphic()
{
    document.getElementById("marketingimg").src='/images/nav_marketing_text.png';
    document.getElementById("printingimg").src='/images/nav_print_text.png';
    document.getElementById("graphicimg").src='/images/nav_graphic_over.png';
    document.getElementById("webimg").src='/images/nav_web_text.png';
	document.getElementById("aboutimg").src='/images/nav_about_text.png';
	
}
function webdev()
{
    document.getElementById("marketingimg").src='/images/nav_marketing_text.png';
    document.getElementById("printingimg").src='/images/nav_print_text.png';
    document.getElementById("graphicimg").src='/images/nav_graphic_text.png';
    document.getElementById("webimg").src='/images/nav_web_over.png';
	document.getElementById("aboutimg").src='/images/nav_about_text.png';
}
function aboutus()
{
    document.getElementById("marketingimg").src='/images/nav_marketing_text.png';
    document.getElementById("printingimg").src='/images/nav_print_text.png';
    document.getElementById("graphicimg").src='/images/nav_graphic_text.png';
    document.getElementById("webimg").src='/images/nav_web_text.png';
	document.getElementById("aboutimg").src='/images/nav_about_over.png';;
	
}
function homenav()
{
    document.getElementById("marketingimg").src='/images/nav_marketing_text.png';
    document.getElementById("printingimg").src='/images/nav_print_text.png';
    document.getElementById("graphicimg").src='/images/nav_graphic_text.png';
    document.getElementById("webimg").src='/images/nav_web_text.png';
	document.getElementById("aboutimg").src='/images/nav_about_text.png';;
	
}
			
<!--Sliding Div -->			
			
var animateSpeed = 5; // Higher Number = Faster Animation
var object = null;
var fX = null; //Final x position
var fY = null; //Final y position
var cX = null; //Current x position
var cY = null; //Current y position
var dX = null;
var dY = null;
var stepX = null;
var stepY = null;
var slope = null;

function initAnimate(objectID,x,y) {
		
	object = document.getElementById(objectID);
	fX = x;
	fY = y;
	cX = object.offsetLeft;
	cY = object.offsetTop;
	dX = Math.abs(fX-cX);
	dY = Math.abs(fY-cY);
	if ((dX == 0) || (dY == 0)) slope = 0;
	else slope= dY/dX;
		if (dX>=dY) {
			if (cX<fX) stepX =  animateSpeed;
			else if (cX>fX) stepX = - animateSpeed;
			if (cY<fY) stepY = animateSpeed*slope;
			else if (cY>fY) stepY =  -animateSpeed*slope;
		}
		else if (dX<dY)  {
			if (cY<fY) stepY= animateSpeed;
			else if (cY>fY) stepY=  - animateSpeed;
			if (cX<fX) stepX = animateSpeed/slope;
			else if (cX>fX) stepX =  -animateSpeed/slope;
		}
	animateObject()
}

function animateObject()  {
	if (( dX > 0  ) || (dY > 0)) {
		object.style.left = Math.round(cX) + 'px';
		object.style.top = Math.round(cY) + 'px';
		cX = cX + stepX;
		cY = cY + stepY;
		dX = dX - Math.abs(stepX);
		dY = dY - Math.abs(stepY);
		setTimeout ('animateObject()',0);
	}
  else {
	object.style.left = fX + 'px';
	object.style.top = fY + 'px';
}
	return;
}


<!-- Collaspible Div -->

//** Animated Collapsible DIV v2.0- (c) Dynamic Drive DHTML code library: http://www.dynamicdrive.com.
//** May 24th, 08'- Script rewritten and updated to 2.0.
//** June 4th, 08'- Version 2.01: Bug fix to work with jquery 1.2.6 (which changed the way attr() behaves).

var animatedcollapse={
divholders: {}, //structure: {div.id, div.attrs, div.$divref}
divgroups: {}, //structure: {groupname.count, groupname.lastactivedivid}
lastactiveingroup: {}, //structure: {lastactivediv.id}


show:function(divids){ //public method
	if (typeof divids=="object"){
		for (var i=0; i<divids.length; i++)
			this.showhide(divids[i], "show")
	}
	else
		this.showhide(divids, "show")
},

hide:function(divids){ //public method
	if (typeof divids=="object"){
		for (var i=0; i<divids.length; i++)
			this.showhide(divids[i], "hide")
	}
	else
		this.showhide(divids, "hide")
},

toggle:function(divid){ //public method
	this.showhide(divid, "toggle")
},

addDiv:function(divid, attrstring){ //public function
	this.divholders[divid]=({id: divid, $divref: null, attrs: attrstring})
	this.divholders[divid].getAttr=function(name){ //assign getAttr() function to each divholder object
		var attr=new RegExp(name+"=([^,]+)", "i") //get name/value config pair (ie: width=400px,)
		return (attr.test(this.attrs) && parseInt(RegExp.$1)!=0)? RegExp.$1 : null //return value portion (string), or 0 (false) if none found
	}
},

showhide:function(divid, action){
	var $divref=this.divholders[divid].$divref //reference collapsible DIV
	if (this.divholders[divid] && $divref.length==1){ //if DIV exists
		var targetgroup=this.divgroups[$divref.attr('groupname')] //find out which group DIV belongs to (if any)
		if ($divref.attr('groupname') && targetgroup.count>1 && (action=="show" || action=="toggle" && $divref.css('display')=='none')){ //If current DIV belongs to a group
			if (targetgroup.lastactivedivid && targetgroup.lastactivedivid!=divid) //if last active DIV is set
				this.slideengine(targetgroup.lastactivedivid, 'hide') //hide last active DIV within group first
				this.slideengine(divid, 'show')
			targetgroup.lastactivedivid=divid //remember last active DIV
		}
		else{
			this.slideengine(divid, action)
		}
	}
},

slideengine:function(divid, action){
	var $divref=this.divholders[divid].$divref
	if (this.divholders[divid] && $divref.length==1){ //if this DIV exists
		var animateSetting={height: action}
		if ($divref.attr('fade'))
			animateSetting.opacity=action
		$divref.animate(animateSetting, $divref.attr('speed')? parseInt($divref.attr('speed')) : 400)
		return false
	}
},

generatemap:function(){
	var map={}
	for (var i=0; i<arguments.length; i++){
		if (arguments[i][1]!=null){
			map[arguments[i][0]]=arguments[i][1]
		}
	}
	return map
},

init:function(){
	var ac=this
	jQuery(document).ready(function($){
		var persistopenids=ac.getCookie('acopendivids') //Get list of div ids that should be expanded due to persistence ('div1,div2,etc')
		var groupswithpersist=ac.getCookie('acgroupswithpersist') //Get list of group names that have 1 or more divs with "persist" attribute defined
		if (persistopenids!=null) //if cookie isn't null (is null if first time page loads, and cookie hasnt been set yet)
			persistopenids=(persistopenids=='nada')? [] : persistopenids.split(',') //if no divs are persisted, set to empty array, else, array of div ids
		groupswithpersist=(groupswithpersist==null || groupswithpersist=='nada')? [] : groupswithpersist.split(',') //Get list of groups with divs that are persisted
		jQuery.each(ac.divholders, function(){ //loop through each collapsible DIV object
			this.$divref=$('#'+this.id)
			if ((this.getAttr('persist') || jQuery.inArray(this.getAttr('group'), groupswithpersist)!=-1) && persistopenids!=null){
				var cssdisplay=(jQuery.inArray(this.id, persistopenids)!=-1)? 'block' : 'none'
			}
			else{
				var cssdisplay=this.getAttr('hide')? 'none' : null
			}
			this.$divref.css(ac.generatemap(['height', this.getAttr('height')], ['display', cssdisplay]))
			this.$divref.attr(ac.generatemap(['groupname', this.getAttr('group')], ['fade', this.getAttr('fade')], ['speed', this.getAttr('speed')]))
			if (this.getAttr('group')){ //if this DIV has the "group" attr defined
				var targetgroup=ac.divgroups[this.getAttr('group')] || (ac.divgroups[this.getAttr('group')]={}) //Get settings for this group, or if it no settings exist yet, create blank object to store them in
				targetgroup.count=(targetgroup.count||0)+1 //count # of DIVs within this group
				if (!targetgroup.lastactivedivid && this.$divref.css('display')!='none' || cssdisplay=="block") //if this DIV was open by default or should be open due to persistence								
					targetgroup.lastactivedivid=this.id //remember this DIV as the last "active" DIV (this DIV will be expanded)
				this.$divref.css({display:'none'}) //hide any DIV that's part of said group for now
			}
		}) //end divholders.each
		jQuery.each(ac.divgroups, function(){ //loop through each group
			if (this.lastactivedivid)
				ac.divholders[this.lastactivedivid].$divref.show() //and show last "active" DIV within each group (one that should be expanded)
		})
		var $allcontrols=$('*[rel]').filter('[@rel^="collapse-"], [@rel^="expand-"], [@rel^="toggle-"]') //get all elements on page with rel="collapse-", "expand-" and "toggle-"
		var controlidentifiers=/(collapse-)|(expand-)|(toggle-)/
		$allcontrols.each(function(){
			$(this).click(function(){
				var relattr=this.getAttribute('rel')
				var divid=relattr.replace(controlidentifiers, '')
				var doaction=(relattr.indexOf("collapse-")!=-1)? "hide" : (relattr.indexOf("expand-")!=-1)? "show" : "toggle"
				return ac.showhide(divid, doaction)
			}) //end control.click
		})// end control.each
		$(window).bind('unload', function(){
			ac.uninit()
		})
	}) //end doc.ready()
},

uninit:function(){
	var opendivids='', groupswithpersist=''
	jQuery.each(this.divholders, function(){
		if (this.$divref.css('display')!='none'){
			opendivids+=this.id+',' //store ids of DIVs that are expanded when page unloads: 'div1,div2,etc'
		}
		if (this.getAttr('group') && this.getAttr('persist'))
			groupswithpersist+=this.getAttr('group')+',' //store groups with which at least one DIV has persistance enabled: 'group1,group2,etc'
	})
	opendivids=(opendivids=='')? 'nada' : opendivids.replace(/,$/, '')
	groupswithpersist=(groupswithpersist=='')? 'nada' : groupswithpersist.replace(/,$/, '')
	this.setCookie('acopendivids', opendivids)
	this.setCookie('acgroupswithpersist', groupswithpersist)
},

getCookie:function(Name){ 
	var re=new RegExp(Name+"=[^;]*", "i"); //construct RE to search for target name/value pair
	if (document.cookie.match(re)) //if cookie found
		return document.cookie.match(re)[0].split("=")[1] //return its value
	return null
},

setCookie:function(name, value, days){
	if (typeof days!="undefined"){ //if set persistent cookie
		var expireDate = new Date()
		expireDate.setDate(expireDate.getDate()+days)
		document.cookie = name+"="+value+"; path=/; expires="+expireDate.toGMTString()
	}
	else //else if this is a session only cookie
		document.cookie = name+"="+value+"; path=/"
}
}


<!-- collaspible divs names -->


animatedcollapse.addDiv('marketing1','group=marketing', 'fade=1');
animatedcollapse.addDiv('marketing2','group=marketing', 'fade=1');
animatedcollapse.addDiv('marketing3','group=marketing', 'fade=1');
animatedcollapse.addDiv('marketing4','group=marketing', 'fade=1');
animatedcollapse.addDiv('marketing5','group=marketing', 'fade=1');
animatedcollapse.addDiv('marketing6','group=marketing', 'fade=1');
animatedcollapse.addDiv('marketing7','group=marketing', 'fade=1');
animatedcollapse.addDiv('printing1','group=printing', 'fade=1');
animatedcollapse.addDiv('printing2','group=printing', 'fade=1');
animatedcollapse.addDiv('web1', 'group=web', 'fade=1');
animatedcollapse.addDiv('web2', 'group=web', 'fade=1');
animatedcollapse.addDiv('web3', 'group=web', 'fade=1');
animatedcollapse.addDiv('web4', 'group=web', 'fade=1');
animatedcollapse.addDiv('contact','group=contact','fade=1');
animatedcollapse.addDiv('portfolio1','group=portfolio','fade=1');
animatedcollapse.addDiv('portfolio2','group=portfolio', 'fade=1');
animatedcollapse.addDiv('portfolio3','group=portfolio', 'fade=1');
animatedcollapse.addDiv('portfolio4','group=portfolio', 'fade=1');

animatedcollapse.addDiv('team1','group=about','fade=1');
animatedcollapse.addDiv('team2','group=about', 'fade=1');


animatedcollapse.init();