var navterm = new Array();
navterm[0] = 'whoweare';
navterm[1] = 'howwework';
navterm[2] = 'portfolio';
navterm[3] = 'stuffwelike';
navterm[4] = 'clients';
navterm[5] = 'shamelessplugs';
navterm[6] = 'contactus';
navterm[9] = 'index';


var bghex = new Array();
bghex[0] = '#E0EFB6';
bghex[1] = '#B4B79C';
bghex[2] = '#99ADC2';
bghex[3] = '#D5C7D8';
bghex[4] = '#99BBBB';
bghex[5] = '#CCCCCC';
bghex[6] = '#FFFFCC';
bghex[9] = '#FFFFFF';


function preLoadNav() {	
	var result="";
	for (var i=0; i<7; i++)  {
		loadingOn = new Image();
		loadingOn.src = 'images/nav/on/'+ navterm[i] +'.png';
		loadingOver = new Image();
		loadingOver.src = 'images/nav/over/'+ navterm[i] +'.png';
	}
}
preLoadNav();


function imready() {
	var v = Position.getPageSize();
	var contentfade = $(document.createElement('div'));
	contentfade.setStyle({
		opacity:'1',
		display:'block',
		position:'absolute', left:'0px', top:'0px',
		width:v.window.width+'px', height:+v.window.height+'px',
		zIndex:'1000',
		backgroundColor:'#FFFFFF'
	});
	$('page-body').appendChild(contentfade);
	new Effect.Opacity(contentfade,{from:1.0,to:0.0,duration:0.25, 
		afterFinish:function(){
			$('page-body').removeChild(contentfade);
		} 
	});
	if (jsnbn!='9') {
		new Effect.SlideDown('jsnav',{duration:1.5});
	} else {
		$('jsnav').setStyle({display:'block'});			
	}
}

portsams = '';
function qqSetup() {
	if (arguments[0]=='nofade') {
		$('jsnav').setStyle({display:'block'});
		return;
	} else 	if (arguments[0]=='portfolio') {
		$('jsnav').setStyle({display:'block'});
		portsams = $('boxes').childElements(0);
		for (i=0;i<portsams.length;i++) {
		new Effect.Appear($(portsams[i]),{queue:'end',duration:0.35});
		}
/*

down($('boxes')[, index = 0]);

down(element[, cssRule][, index = 0]) -> HTMLElement | undefined
*/

		return;
	} else {
		imready();
	}
}
function qqSetupShameless() {
		for (i=1; i<7; i++) {
			cdsp = 'dsp' + i;
			$(cdsp).setStyle({display:'none'});
		};
		imready();
}


whichsp = '0';

function spClick(spnum) {

	ispnumb = 'isp' + spnum;
	dspnumb = 'dsp' + spnum;
	currtint = 'isp' + spnum + 'tint';
	currnone = 'isp' + spnum + 'none';

	prevdsp = 'dsp' + whichsp;
	prevtint = 'isp' + whichsp + 'tint';
	prevnone = 'isp' + whichsp + 'none';

	if (whichsp != '0') {			// if a quote is active, hide it before showing the new one
		new Effect.Fade(prevtint,{duration:0.25});
		new Effect.DropOut(prevdsp,{duration:0.25});
		new Effect.Appear(dspnumb,{duration:0.25});
		new Effect.Appear(currtint,{queue: 'end',duration:0.25});
	} else {						// no quote is active, just show the new one
		new Effect.Appear(dspnumb,{duration:0.25});
		new Effect.Appear(currtint,{queue: 'end',duration:0.25});
	};
	whichsp = (spnum);
}


whichop = '0';
function opClick(opshow,ophide) {
	if (whichop == '0') {
		new Effect.SlideDown(opshow);
		whichop = opshow;
	} else if (whichop == opshow) {
		new Effect.SlideUp(opshow);
		whichop = '0';
	} else {
		new Effect.SlideUp(ophide);
		new Effect.SlideDown(opshow);
		whichop = opshow;
	}
}



function qqShow(ntid,termnum,nxid) {
	$(ntid).setStyle({display:'block'});
	if (jsnbn=='9') {
		$('page-body').setStyle({background:bghex[termnum]});
		$(nxid).setStyle({display:'none'});
	}
}

homefading = '';
function qqHide(ntid,termnum,nxid) {
	if (homefading != '1') {
		$(ntid).setStyle({display:'none'});
		if (jsnbn=='9') {
			$('page-body').setStyle({background:bghex[9]});
			$(nxid).setStyle({display:'block'});
		}
	}
}
href = '';
afterdelay = '850';
function qqClick(ntid,termnum,nxid) {
	homefading = '1';
	if (((termnum >= 0)&&(termnum < 10))&&(termnum != '9')&&(termnum != '6')) {qqShow(ntid,termnum,nxid);}
	var v = Position.getPageSize();
	var contentfade = $(document.createElement('div'));
	contentfade.setStyle({
		opacity:'0',
		display:'block',
		position:'absolute', left:'0px', top:'0px',
		width:v.window.width+'px', height:+v.window.height+'px',
		zIndex:'1000',
		backgroundColor:'#FFFFFF'
	});
	$('page-body').appendChild(contentfade);
	new Effect.Opacity(contentfade,{from:0.0,to:1.0,duration:0.25, 
		afterFinish:function(){
//			if ((termnum >= 0)&&(termnum < 10)) {
				location.href = (navterm[termnum] +'.html');
//			} else {
//				location.href = termnum;
//				afterdelay = '2000';
//			}
			setTimeout(function(){
				$('page-body').removeChild(contentfade);
			return;
	//				location.href = href;
			},afterdelay);
		}
	});
}

jsnbn = '';
function makejsnav() {
	jsnbc = document.body.className;
	jsnsum = '';
	jsnall = '';
	jsnpre = '<div style="display:hidden;" id="jsnav"><div id="jsall">';
	jsnpost = '<\/div><\/div>';
	function iterateN(termnum) {
		if (jsnbc == navterm[termnum]) {
			jsnbn = termnum;
			jsnsum += '<div class="nav '+ navterm[termnum] +' on"><div class="block"><\/div><div class="text" id="nt'+ termnum +'"><img src="images\/nav\/on\/'+ navterm[termnum] +'.png" alt="'+ navterm[termnum] +'" name="'+ navterm[termnum] +'"><\/div><\/div>';
		} else {
			jsnsum += '<div class="nav '+ navterm[termnum] +'"><a href="'+ navterm[termnum] +'.html" onMouseOver="qqShow(\'nt'+ termnum +'\',\''+ termnum +'\',\'nx'+ termnum +'\');" onMouseOut="qqHide(\'nt'+ termnum +'\',\''+ termnum + '\',\'nx'+ termnum +'\');" onClick="qqClick(\'nt'+ termnum +'\',\''+ termnum + '\',\'nx'+ termnum +'\');return false"><div class="block" id="nx'+ termnum +'"><\/div><div style="display:none;" id="nt'+ termnum +'" class="text"><img src="images\/nav\/over\/'+ navterm[termnum] +'.png" alt="'+ navterm[termnum] +'" name="'+ navterm[termnum] +'"><\/div><\/a><\/div>';
		}		
	}
	if (jsnbc == 'index') {
		jsnbn = '9';
		for (i=0; i<6; i++) { iterateN(i); }
	} else {
		for (i=0; i<7; i++) { iterateN(i); }
	};
	jsnall += jsnpre += jsnsum += jsnpost;
	document.write(jsnall);
	$('jsnav').setStyle({display:'none'});
}

function makehtmlnav() {
	jsnbc = document.body.className;
		jsnbn = '9';
	$('jsnav').setStyle({display:'none'});
}







qqzz = 1001;
var dragsetup = {
	zindex: 0,
	starteffect: function(element) {
		new Effect.Opacity(element, {duration: 0.25, from: 1.0, to: 0.75});
		element.style.zIndex=qqzz++;
/*		$(element).style.cursor='resize';*/
	}, 
	endeffect: function(element) {
		new Effect.Opacity(element, {duration: 0.25, from: 0.75, to: 1.0});
/*		$(element).style.cursor='move';*/
	}
}
function qqMakeDrags(qqdid) {

	qqdrags = $(qqdid).childElements();

/*	var maxdimens = $('container').getDimensions();
	maxY = 412 - 50;
	maxX = 716 - 50;*/

	for (var i=0; i<qqdrags.length; i++) { 
		new Draggable(qqdrags[i],dragsetup);

/*		var dimensions = $(qqdrags[i]).getDimensions();
		myY = dimensions.height;
		myX = dimensions.width;
		
		validY = (maxY - myY);
		validX = (maxX - myX);
		
		rndY = Math.floor(Math.random()*validY)+25;
		rndX = Math.floor(Math.random()*validX)+25;
		
		rndY += 'px';
		rndX += 'px';
		
		$(qqdrags[i]).setStyle({
			top:(rndY),
			left:(rndX)
		});*/


	};
}










Position.getPageSize = function() { // thx.gucci
	var xScroll, yScroll;

	if (window.scrollMaxX) {
		xScroll = window.innerWidth + window.scrollMaxX;
		yScroll = window.innerHeight + window.scrollMaxY;
	} else {
		xScroll = document.body.scrollWidth;
		yScroll = document.body.scrollHeight;
	}

	var windowWidth, windowHeight;
	if (self.innerHeight) { // all except Explorer
		windowWidth = self.innerWidth;
		windowHeight = self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
		windowWidth = document.documentElement.clientWidth;
		windowHeight = document.documentElement.clientHeight;
	} else if (document.body) { // other Explorers
		windowWidth = document.body.clientWidth;
		windowHeight = document.body.clientHeight;
	}
	// for small pages with total height less then height of the viewport
	pageHeight = Math.max(windowHeight, yScroll);

	// for small pages with total width less then width of the viewport
	pageWidth = Math.max(windowWidth, xScroll);

	return { page: { width: pageWidth, height: pageHeight }, window: { width: windowWidth, height: windowHeight } };
}