/*

	@Class:	InputClearAndReplace
	@Author:	Brandon Gray for O3 World 2008
	@Brief:	Loops through all elements with a class name of 'clear_replace' and clears the default text when focused.
			When focus is lost it checks to see if the field is blank (no new data entered), if value is blank the default text is placed back in.
	@Example: <input type="text" name="firstname" id="firstname" value="" class="clear_replace" />

*/

var InputClearAndReplace = new Class ({
	
	options: {
		
		InputElement: '.clear_replace'
		
	},
	
	initialize: function()  {
		
		var inputElementList = $$( this.options.InputElement );
		var originalValue = new Array();
		
		inputElementList.each( function( element, i ) {
			
			originalValue.push( inputElementList[ i ].value );
			
			element.onfocus = function() {
				
				if( this.value == originalValue[ i ] ) this.value = '';
				
			},
			
			element.onblur = function() {
				
				if( this.value == '' ) this.value = originalValue[ i ];
				
			}
			
		});
		
	}

});

/*

	@Class:		ClientList
	@Author:		Brandon Gray for O3 World 2009 (http://www.o3world.com)
	@Brief:		Uses the HTML5 canvas element in order to manipulate pixel data to create a black and white image from a full color image.
				Sets up event handlers to display the black & white image by default and the full color image on mouseover.
	@Requirements:	Mootools 1.2
			
*/

var ClientList = new Class({

	initialize: function() {
		
		this.imgs	= $$( '#client_list img' );
		
		for ( var i = 0; i < this.imgs.length; i++ ) {
			
			this.setEvents( this.imgs[ i ] );
			
		}
		
	},
	
	setEvents: function( _instance ) {
		
		var colorImg 		= _instance.src;
		var greyscaleImg 	= this.greyscale( _instance );
		
		_instance.addEvent( 'mouseover', function() { this.src = colorImg; } );
		_instance.addEvent( 'mouseout', function() { this.src = greyscaleImg; } );
		
		_instance.src = greyscaleImg;
		
	},
	
	greyscale: function( _image ) {
		
		var canvas	= new Element( 'canvas' );
		canvas.width	= _image.width;
		canvas.height 	= _image.height;
		
		// Init IE fix for canvas object
		if ( typeof G_vmlCanvasManager != 'undefined' ) G_vmlCanvasManager.initElement( canvas ); 
		
		var canvasContext = canvas.getContext( '2d' );
		
		// Draw the image into the canvas in order to manipulate the pixel data.
		canvasContext.drawImage( _image, 0, 0 );

		// getImageData retrieves the ImageData object. The ImageData object gives access to the pixel data.
		// Security errors will be thrown if the image is not located on the same domain.
		var imageData = canvasContext.getImageData( 0, 0, _image.width, _image.height );
				
		// Change every pixel to a level of grey.  Averages the red, green, and blue of every pixel.
		// A pixel is represented by 4 numbers (red, green, blue, and alpha).  A color is a number between 0 to 255.
		for ( i = 0; i < imageData.height; i++ ) {
		
			for ( j = 0; j < imageData.width; j++ ) {
			
				var index = ( i * 4 ) * imageData.width + ( j * 4 );
				
				var red	= imageData.data[ index ];
				var green	= imageData.data[ index + 1 ];
				var blue	= imageData.data[ index + 2 ];
				
				var average = ( red + green + blue ) / 3;
				
				imageData.data[ index ]		= average;
				imageData.data[ index + 1 ]	= average;
				imageData.data[ index + 2 ]	= average;
			
			}
		
		}
		
		// Write the ImageData back to the canvas
		canvasContext.putImageData( imageData, 0, 0, 0, 0, imageData.width, imageData.height );
		
		// Return an image object
		return canvas.toDataURL();
		
	}

});

function initAboutTabs() {
	
	var menuAnchors = $( 'about_nav' ).getElements( 'a' );

	for ( var i = 0; i < menuAnchors.length; i++ ) {

		if ( menuAnchors[ i ].getAttribute( 'href' ) && menuAnchors[ i ].getAttribute( 'rel' ) == 'swap' ) {

			menuAnchors[ i ].addEvent( 'click', function( event ) {
				
				// Remove the active state from all links
				for ( var j = 0; j < menuAnchors.length; j++ ) {
					
					menuAnchors[ j ].removeClass( 'active' );
					
				}
				
				swapAboutContent( this.id );
				
				event.stop();

			});

		}

	}

}

function swapAboutContent( _id ) {
	
	// Set the active state on the selected link
	$( _id ).addClass( 'active' );

	var tabs = $$( '.tab_content' );
	
	for ( var i = 0; i < tabs.length; i++ ) {

		tabs[ i ].setStyle( 'display', 'none' );		

	}

	var newID 	= 'content_' + _id;
	var content 	= $( newID ).setStyle( 'display', 'block' );
	
	sifrRedraw(); 
	
}

function sifrRedraw() {
		
	var font 			= { src: 'flash/sifr/din.swf' };  
	var sIFRElement 	= {
		
		selector: 	'.gray_14px',
		css: [
			'.sIFR-root { font-size: 14px; color: #707070; leading: 0; text-transform:uppercase; }',
			'a { color: #707070; text-decoration: none; }',
			'a:hover { color: #ff0000; text-decoration: none; }'
		],
		ratios: 		[7, 1.47, 10, 1.43, 15, 1.36, 22, 1.34, 26, 1.32, 29, 1.31, 32, 1.32, 33, 1.3, 37, 1.31, 45, 1.3, 48, 1.29, 51, 1.3, 65, 1.29, 67, 1.28, 68, 1.29, 74, 1.28, 75, 1.29, 1.28],
		wmode:		'transparent',
		tuneHeight: 	-5
		
	};
	
	var font2 		= { src: 'flash/sifr/din.swf' };  
	var sIFRElement2 	= {
		
		selector: 	'.red_22px',
		css: [
			'.sIFR-root { font-size: 22px; color: #ff0000; leading: 0; text-transform:uppercase; }',
			'a { color: #ff0000; text-decoration: none; }',
			'a:hover { color: #ff0000; text-decoration: none; }'
		],
		ratios: 		[7, 1.47, 10, 1.43, 15, 1.36, 22, 1.34, 26, 1.32, 29, 1.31, 32, 1.32, 33, 1.3, 37, 1.31, 45, 1.3, 48, 1.29, 51, 1.3, 65, 1.29, 67, 1.28, 68, 1.29, 74, 1.28, 75, 1.29, 1.28],
		wmode:		'transparent',
		tuneHeight: 	-5
		
	};
	
	window.sIFR.replace( font, sIFRElement );
	window.sIFR.replace( font2, sIFRElement2 );
	
}

function embedCycle() {
	
	var flashvars = {};
	var params    = {};
	params.wmode = 'transparent';
	params.menu = 'false';
	params.allowscriptaccess = 'always';
	var attributes = {};
	swfobject.embedSWF( 'flash/about_cycle.swf', 'about_flash_slideshow', '937', '404', '9.0.0', flashvars, params, attributes );
	
}

function embedTeam() {
	
	var flashvars = {};
	var params    = {};
	params.wmode = 'transparent';
	params.menu = 'false';
	params.allowscriptaccess = 'always';
	var attributes = {};
	swfobject.embedSWF( 'flash/about_team.swf', 'about_flash_team', '937', '365', '9.0.0', flashvars, params, attributes );
	
}

function ie6NavFix() {
	
	var navLists = $( 'work_nav' ).getElements( 'li' );

	for ( i = 0; i < navLists.length; i++ ) {
	
		if ( navLists[ i ].getAttribute( 'title' ) == 'menu' ) {
			
			navLists[ i ].addEvent( 'mouseover', function() {
				
				this.getLast().setStyle( 'display', 'block' );
			
			});
			
			navLists[ i ].addEvent( 'mouseout', function() {
			
				this.getLast().setStyle( 'display', 'none' );
			
			});

		}

	}
	
}


function fixActions() {
	
	var actions = $$( 'ul.action' );
	
	for ( var i = 0; i < actions.length; i++ ) {
		
		actions[ i ].setStyle( 'position', 'absolute' );
		
	}
	
}

function fixServiceNav() {
	
	var navList = $( 'service_nav' ).getFirst( 'li' );
	
	navList.addEvent( 'mouseover', function() {
					
		this.getLast().setStyle( 'display', 'block' );
	
	});
	
	navList.addEvent( 'mouseout', function() {
	
		this.getLast().setStyle( 'display', 'none' );
	
	});
	
}

function ValidateBlogComment( ) {
	
	// Clear notifications
	$( 'Name_Hint' ).setStyle( 'display', 'none' );
	$( 'Email_Hint' ).setStyle( 'display', 'none' );
	$( 'Comments_Hint' ).setStyle( 'display', 'none' );

	// Validate input
	if( $( 'Name' ).value == "" ) {
		$( 'Name_Hint' ).setStyle( 'display', 'inline' );
		$( 'Name' ).focus();
		return false;
	} else if( !checkEmail( document.BlogCommentForm.Email ) ) {
		$( 'Email_Hint' ).setStyle( 'display', 'inline' );
		$( 'Email' ).focus();
		return false;
	} else if( $( 'Comments' ).value == "" ) {
		$( 'Comments_Hint' ).setStyle( 'display', 'inline' );
		$( 'Comments' ).focus();
		return false;
	} else if( $( 'Honeypot' ).value == "" ) {
		
		// Create new FX's
		var FormFx = new Fx.Tween( $( 'BlogCommentForm' ), { duration: '500', link: 'chain' } );
		if( $( 'comment_form' ) ) { FormFx.start( 'opacity', '1', '1' ); }
		
		var ProcessingFx = new Fx.Tween( $( 'comment_processing' ), { duration: '500', link: 'chain' } );
		if( $( 'comment_processing' ) ) { ProcessingFx.start( 'opacity', '0', '0' ); }
		
		var CompleteFx = new Fx.Tween( $( 'comment_complete' ), { duration: '500', link: 'chain' } );
		if( $( 'comment_complete' ) ) { CompleteFx.start( 'opacity', '0', '0' ); }
		
		// Begin responce
		new Request({
			method:		'post',
			url:			'AJAX_processing.cfm?AJAXRequest=blog_comment',
			link:		'cancel',
			onRequest:	function() {
							FormFx.start( 'opacity', '1', '0' );
							ProcessingFx.start( 'opacity', '0', '1' );
							//CompleteFx.start( 'opacity', '0', '0' );
						},
			onFailure:	function() {
							//FormFx.start( 'opacity', '0', '0' );
							ProcessingFx.start( 'opacity', '1', '0' );
							$( 'comment_complete' ).set( 'html', '<p>There was an error processing your comment.<br /><br />Please try again.</p>' );
							CompleteFx.start( 'opacity', '0', '1' );
						},
			onSuccess:	function() {
							//FormFx.start( 'opacity', '0', '0' );
							ProcessingFx.start( 'opacity', '1', '0' );
							$( 'comment_complete' ).set( 'html', '<p>Comment submitted successfully!<br /><br />Your comment will appear pending approval.</p>' );
							CompleteFx.start( 'opacity', '0', '1' );
						}
		}).send( $( 'BlogCommentForm' ) );
		
		return false;
		
	}
}

// Basic Regex validations (cross-form)
function checkEmail( formElement ) {
	//alert('run email check');
	if (!(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(formElement.value))){		
		return false;	
	} else {
		return true;
	}
}


function ValidateNewsletterSignup( ) {
	
	if( !checkEmail( $( 'NewsleterSignupInput' ) ) ){
		
		alert('Please enter your email address.');
		$( 'NewsleterSignupInput' ).focus();
		
	} else if( $( 'FormHP' ).value == '' ) {
		
		var myHTMLRequest	= new Request({
			url:			'AJAX_processing.cfm?AJAXRequest=newsletter_signup',
			method:		'post',
			link:		'cancel',
			onRequest:	 function(){ LoadingFx.start( 'opacity', '0', '1' ); },
			onComplete:	 function(){ LoadingFx.start( 'opacity', '1', '0' );  pageTracker._trackPageview('/newsletter_signup.cfm'); },
			onFailure:	 function(){},
			onSuccess:	 function(){ $( 'NewsleterSignupInput' ).value = "Thanks for signing up!"; }
		}).send( $( 'NewsletterInputWrap' ) );
		
	};
	
};


function ValidateFAQ() {
	
	if( $( 'Name' ).value == "" ){
		
		alert('Please enter your name.');
		$( 'Name' ).focus();
		
	} else if( !checkEmail( $( 'Email' ) ) ){
		
		alert('Please enter your valid email address.');
		$( 'Email' ).focus();
		
	} else if( $( 'Question' ).value == "" ){
		
		alert('Please enter your question.');
		$( 'Question' ).focus();
		
	} else {
		
		// Create new FX's
		var FormFx = new Fx.Tween( $( 'FAQForm' ), { duration: '500', link: 'chain' } );
		if( $( 'FAQForm' ) ) { FormFx.start( 'opacity', '1', '1' ); }
		
		var ProcessingFx = new Fx.Tween( $( 'FAQProcessing' ), { duration: '500', link: 'chain' } );
		if( $( 'FAQProcessing' ) ) {
			ProcessingFx.start( 'opacity', '0', '0' );
			$( 'FAQProcessing' ).setStyle( 'visibility', 'visible' );
		}
		
		var CompleteFx = new Fx.Tween( $( 'FAQResponce' ), { duration: '500', link: 'chain' } );
		if( $( 'FAQResponce' ) ) {
			CompleteFx.start( 'opacity', '0', '0' );
			$( 'FAQResponce' ).setStyle( 'visibility', 'visible' );
		}
		
		// Begin responce
		var myHTMLRequest = new Request({
			url:			'AJAX_processing.cfm?AJAXRequest=faq_form',
			method:		'post',
			link:		'cancel',
			onRequest:	 function(){
							FormFx.start( 'opacity', '1', '0' );
							ProcessingFx.start( 'opacity', '0', '1' );
						 },
			onComplete:	 function(){
							$( 'FAQForm' ).setStyle( 'display', 'none' );
							$( 'FAQResponce' ).setStyle( 'display', 'inline' );
							ProcessingFx.start( 'opacity', '1', '0' );
							CompleteFx.start( 'opacity', '0', '1' );
						 },
			onFailure:	 function(){ },
			onSuccess:	 function(){ }
		}).send( $( 'faq_form' ) );
		
	}
	
}

function descHandler( data ) {
	
	var desc = data.photo.description._content;
	
	var thumbs = $( 'flickr_thumbs' ).getElements( 'a' );
	
	for ( var i = 0; i < thumbs.length; i++ ) {
		
		thumbs[ i ].setProperty( 'title', desc );
				
	}
	
}

//FLICKR API CALLBACK HANDLER
function photosetHandler( data ) {
	
	var columns	= 2;
	var owner 	= data.photoset.owner;
	var photoSet 	= data.photoset.photo;
	
	photoSet.each( function( element, i ) {
		
		var thumbURL 		= 'http://farm' + element.farm + '.static.flickr.com/' + element.server + '/' + element.id + '_' + element.secret + '_s.jpg';
		var thumbList 		= new Element ( 'li' );
		var thumbAnchor 	= new Element( 'a', {
		
			'href':	'http://farm'  + element.farm + '.static.flickr.com/' + element.server + '/' + element.id + '_' + element.secret + '.jpg',
			'rel':	'lightbox[set1]',
			'id':	element.id
			
		});
		
		var thumbIMG 		= new Element( 'img', {
		
			'height': '75',
			'width':	'75',
			'alt': 	element.title,
			'src':	thumbURL
		
		});
		
		thumbIMG.inject( thumbAnchor );
		thumbAnchor.inject( thumbList );
		thumbList.inject( $( 'flickr_thumbs' ) );
		
		if ( !$( 'o3ms' ) ) { if ( ( i % 2 ) == 0 ) thumbList.addClass( 'mar_9_r' ); };
			
	});
	/*
	photoSet.each( function( element, i ) {
		
		var descRequest = new Request.JSONP({
			
			url: 'http://api.flickr.com/services/rest/',
			data: {
				method:			'flickr.photos.getInfo',
				api_key: 			'c3a51ed65f230e61e6a241217274d4d6',
				photo_id:			element.id,
				format: 			'json',
				nojsoncallback: 	'1'
			},
			noCache: true,
			onComplete: function( response ) {
				
				alert( 'i hope this works' );	
				
			}
				
		}).send();
		
	});
	*/
	
	window.Mediabox.scanPage();
	
}

// FLICKR API REQUEST
function flickrRequest( _setID ) {
	
	var setRequest = new Request.JSONP({
		
		url: 'http://api.flickr.com/services/rest/',
		data: {
			method:		'flickr.photosets.getPhotos',
			api_key: 		'c3a51ed65f230e61e6a241217274d4d6',
			photoset_id:	_setID,
			page:		'1',
			format: 		'json',
			jsoncallback: 	'photosetHandler'
		}
		
	}).send();
	
}

/*

	@Class:	CaseSlider
	@Author:	Brandon Gray for O3 World 2009
	@Brief:	Slider functionality

*/

var CaseSlider = new Class ({
	
	options: {
		
		// Passed into class upon instantiation
		totalWidth: Class.empty
		
	},
	
	initialize: function( options )  {
		
		this.setOptions( options );
		
		this.totalWidth 	= this.options.totalWidth;
		this.totalSections 	= this.totalWidth / 937;
		this.pos			= 0;
		
		$( 'prev_case' ).addEvent( 'click', function( event ) {
		
			this.prevImage();
			event.stop();
			
		}.bind( this ) );
		
		$( 'next_case' ).addEvent( 'click', function( event ) {
				
			this.nextImage();
			event.stop();
			
		}.bind( this ) );
		
		// hide the previous case button on load because we're already at the first view, there are no previous views
		$( 'prev_case' ).fade( '0' );
		
	},
	
	nextImage: function() {
		
		if ( this.pos < ( this.totalSections - 1 ) ) {
			
			this.pos++;
			
			var currentX 		= ( this.pos - 1 ) * -937;
			var newX 			= -937 * this.pos;
			var tweenElement 	= $( 'slide' );
			var newTween 		= new Fx.Tween( tweenElement, { 
										
				link: 'ignore',
				
				onStart: function() {
					
					$( 'prev_case' ).removeEvents( 'click' );
					$( 'next_case' ).removeEvents( 'click' );
					
				},
				
				onComplete: function() {
					
					$( 'prev_case' ).addEvent( 'click', function( event ) {
		
						this.prevImage();
						event.stop();
						
					}.bind( this ) );
					
					$( 'next_case' ).addEvent( 'click', function( event ) {
							
						this.nextImage();
						event.stop();
						
					}.bind( this ) );
					
				}.bind( this )
				
			});
			
			newTween.start( 'left', currentX, newX );
			
		}
		
		this.updateButtons();
		
	},
	
	prevImage: function() {
		
		if ( this.pos != 0 ) {
			
			this.pos--;
			
			var currentX 	= ( this.pos + 1 ) * -937;
			var newX 		= -937 * this.pos;
			var tweenElement 	= $( 'slide' );
			var newTween 		= new Fx.Tween( tweenElement, { 
										
				link: 'ignore',
				
				onStart: function() {
					
					$( 'prev_case' ).removeEvents( 'click' );
					$( 'next_case' ).removeEvents( 'click' );
					
				},
				
				onComplete: function() {
					
					$( 'prev_case' ).addEvent( 'click', function( event ) {
		
						this.prevImage();
						event.stop();
						
					}.bind( this ) );
					
					$( 'next_case' ).addEvent( 'click', function( event ) {
							
						this.nextImage();
						event.stop();
						
					}.bind( this ) );
					
				}.bind( this )
				
			});
			
			newTween.start( 'left', currentX, newX );
			
		}
		
		this.updateButtons();
		
	},
	
	updateButtons: function() {
		
		if ( this.pos == ( this.totalSections - 1 ) ) {
			
			$( 'next_case' ).fade( '0' );
			$( 'prev_case' ).fade( '1' );
			
		} else if ( this.pos == 0 ) {
			
			$( 'prev_case' ).fade( '0' );
			$( 'next_case' ).fade( '1' );
			
		} else {
			
			$( 'prev_case' ).fade( '1' );
			$( 'next_case' ).fade( '1' );
			
		}
		
	}
	
});

CaseSlider.implement( new Options );


// Footer Twitter info
function twitterCallback2( twitters ) {
	
    var statusHTML = [];
    for (var i = 0; i < twitters.length; i++) {
        var username = twitters[i].user.screen_name;
        var status = twitters[i].text.replace(/((https?|s?ftp|ssh)\:\/\/[^"\s\<\>]*[^.,;'">\:\s\<\>\)\]\!])/g, function (url) {
            return '<a href="' + url + '">' + url + '</a>';
        }).replace(/\B@([_a-z0-9]+)/ig, function (reply) {
            return reply.charAt(0) + '<a target="_blank" href="http://www.twitter.com/' + reply.substring(1) + '">' + reply.substring(1) + '</a>';
        });
        statusHTML.push('<li><span>' + status + '</span><br /> <a target="_blank" href="http://twitter.com/' + username + '/statuses/' + twitters[i].id + '" class="time_stamp">' + relative_time(twitters[i].created_at) + '</a></li>');
    }
    document.getElementById('twitter_update_list').innerHTML = statusHTML.join('');
    
}



function relative_time(time_value) {
	
    var values = time_value.split(" ");
    time_value = values[1] + " " + values[2] + ", " + values[5] + " " + values[3];
    var parsed_date = Date.parse(time_value);
    var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
    var delta = parseInt((relative_to.getTime() - parsed_date) / 1000);
    delta = delta + (relative_to.getTimezoneOffset() * 60);

    if (delta < 60) {
        return 'less than a minute ago';
    } else if (delta < 120) {
        return 'about a minute ago';
    } else if (delta < (60 * 60)) {
        return (parseInt(delta / 60)).toString() + ' minutes ago';
    } else if (delta < (120 * 60)) {
        return 'about an hour ago';
    } else if (delta < (24 * 60 * 60)) {
        return 'about ' + (parseInt(delta / 3600)).toString() + ' hours ago';
    } else if (delta < (48 * 60 * 60)) {
        return '1 day ago';
    } else {
        return (parseInt(delta / 86400)).toString() + ' days ago';
    }
    
}

// SLIDING FUNCTIONALITY FOR 'read more' & 'read less' button on home page
function homeMessage() {
	
	/* Read More slide functionality on home page */
	
	$( 'message' ).set({
		tween:  { 
			duration: 350
		}
	});
	
	$( 'message_wrap' ).set({
		tween:  { 
			duration: 350
		}
	});
	
	$( 'message_read_more' ).addEvent( 'click', function( event ) {
		
		$( 'message_wrap' ).tween( 'height', '316px' );
		$( 'message' ).tween( 'padding-bottom', '15px' );
		
		$( 'message_read_less' ).setStyle( 'display', 'block' );
		$( 'message_read_more' ).setStyle( 'display', 'none' );
		
		event.stop();
	
	});
	
	$( 'message_read_less' ).addEvent( 'click', function( event ) {
		
		$( 'message_wrap' ).tween( 'height', '0' );
		$( 'message' ).tween( 'padding-bottom', '0' );
		
		$( 'message_read_less' ).setStyle( 'display', 'none' );
		$( 'message_read_more' ).setStyle( 'display', 'block' );
		
		event.stop();
	
	});
	
}

//FOOTER FLICKR API CALLBACK HANDLER
function footPhotosHandler( data ) {
	
	var columns	= 4;
	var photo 	= data.photoset.photo;
	
	photo.each( function( element, i ) {
		
		var thumbURL 		= 'http://farm' + element.farm + '.static.flickr.com/' + element.server + '/' + element.id + '_' + element.secret + '_s.jpg';
		var thumbList 		= new Element ( 'li' );
		var thumbAnchor 	= new Element( 'a', {
		
			'href':	'http://farm'  + element.farm + '.static.flickr.com/' + element.server + '/' + element.id + '_' + element.secret + '.jpg',
			'rel':	'lightbox[footPhotos]',
			'id':	element.id
			
		});
		
		var thumbIMG 		= new Element( 'img', {
		
			'height': '75',
			'width':	'75',
			'alt': 	element.title,
			'src':	thumbURL
		
		});
		
		thumbIMG.inject( thumbAnchor );
		thumbAnchor.inject( thumbList );
		thumbList.inject( $( 'foot_thumbs' ) );
			
	});
	
	window.Mediabox.scanPage();
	
}

// FOOTER FLICKR API REQUEST
function footerFlickrRequest() {
	
	var setRequest = new Request.JSONP({
		
		url: 'http://api.flickr.com/services/rest/',
		data: {
			method:		'flickr.photosets.getPhotos',
			api_key: 		'c3a51ed65f230e61e6a241217274d4d6',
			photoset_id:	'72157623018510866',
			per_page:		8,
			format: 		'json',
			jsoncallback: 	'footPhotosHandler'
		}
		
	}).send();
	
}

function iPhoneAlert() {
			
	// Ask user if they would prefer the iPhone optimized site
	/*var question = confirm( 'Would you like to view the iPhone optimized version of our site?' );
	
	if ( question ) {
		
		window.location = 'http://o3world.o3worlddev.com/trunk/iphone.html';
		
	}*/
	
	// Insert a button to allow the user to be redirected to iphone optimized site
	var button = new Element( 'a', {
		
		'href': 'http://o3world.o3worlddev.com/trunk/mobile/',
		'html': 'View the iPhone optimized version of our site?',
		'styles': {
			'margin': '20px auto',
			'padding': '5px 0 8px',
			'width': '937px',
			'display': 'block',
			'color': '#fff',
			'font': '700 20px/28px Helvetica, Arial, sans-serif',
			'text-align': 'center',
			'text-shadow': 'rgba(0,0,0,0.6) 0px -1px 0px',
			'border-width': '0 8px 0 8px',
			'-webkit-border-image': 'url(mobile/themes/jqt/img/button.png) 0 8 0 8'
		}
		
	});
	
	button.inject( document.body, 'top' );
	
	// Hide the URL bar as it just wastes valuable screen space
	window.scrollTo( 0, 1 );
	
}

window.addEvent( 'domready', function() {
							  
	var InputList = new InputClearAndReplace();

	if ( $( 'about_nav' ) ) {
		initAboutTabs();
		embedCycle();
		embedTeam();
	};
	
	// Add newsletter signup event
	Element.Events.keyenter = {
		base:		'keyup',
		condition:	function( e ){ return e.key == 'enter'; }
	};


	if( $( 'NewsleterSignupBtn' ) && $( 'NewsleterSignupInput' ) && $( 'NewsletterLoadingIcon' ) ) {
		LoadingFx = new Fx.Tween( 'NewsletterLoadingIcon', { duration: '500', link: 'chain' } ).start( 'opacity', '0', '0' );
		$( 'NewsleterSignupBtn' ).addEvent( 'click', function() { ValidateNewsletterSignup( ) } );
		$( 'NewsleterSignupInput' ).addEvent( 'keyenter', function() { ValidateNewsletterSignup( ) } );
		$( 'NewsletterLoadingIcon' ).setStyle( 'visibility', 'visible' );
	};
	
	// IE is totally weak and doesn't support the Canvas element at all...not even IE8
	if ( Browser.Engine.name != "trident" ) { var initClientList = new ClientList(); };
	
	// Initiate drop down fix for IE6
	if ( $( 'work_nav' ) && document.all && !window.opera && !window.XMLHttpRequest ) { ie6NavFix(); };
	if ( $( 'blog_left' ) && document.all && !window.opera && !window.XMLHttpRequest ) { fixActions(); };
	if ( $( 'service_nav' ) && document.all && !window.opera && !window.XMLHttpRequest ) {  fixServiceNav(); };
	
	// Case study Flickr API requests
	if ( $( 'pap_thumbs' ) ) { flickrRequest( '72157622228882700' ); };
	if ( $( 'see_o3_thumbs' ) ) { flickrRequest( '72157623014372350' ); };
	if ( $( 'piazza_thumbs' ) ) { flickrRequest( '72157622226816782' ); };
	if ( $( 'sherox_thumbs' ) ) { flickrRequest( '72157622102124673' ); };
	if ( $( 'pw_thumbs' ) ) { flickrRequest( '72157622230662636' ); };
	if ( $( '44_thumbs' ) ) { flickrRequest( '72157622226689500' ); };
	if ( $( 'ttt_thumbs' ) ) { flickrRequest( '72157622226649142' ); };
	if ( $( 'nfp_thumbs' ) ) { flickrRequest( '72157622102190601' ); };
	if ( $( 'page_creator' ) ) { flickrRequest( '72157622182300009' ); };
	if ( $( 'blog_manager' ) ) { flickrRequest( '72157622182257111' ); };
	if ( $( 'custom_components' ) ) { flickrRequest( '72157622307158916' ); };
	if ( $( 'ecommerce' ) ) { flickrRequest( '72157622307129288' ); };
	if ( $( 'form_manager' ) ) { flickrRequest( '72157622307096656' ); };
	if ( $( 'media_manager' ) ) { flickrRequest( '72157622182495515' ); };
	
	if ( $( 'home_cases' ) ) { 
		
		caseSlide = new CaseSlider({
			totalWidth: $( 'slide' ).getStyle( 'width' ).toInt()
		});
		
		homeMessage();
		
	};
	
	if( $( 'accordion' ) ) {
		
		var myAccordion = new Fx.Accordion( $$( 'div.toggler' ), $$( 'div.element' ), {
		   
			alwaysHide: true,
			onActive: function( toggler, element ){
				
				toggler.setStyle( 'background-position', '100% -72px' );
				
			},
			
			onBackground: function( toggler, element ){
				
				toggler.setStyle( 'background-position', '100% 0' );
				
			}
			
		});
		
	}
	
	footerFlickrRequest();
	
});

/*
window.addEvent( 'load', function() {
	
	if( ( navigator.userAgent.match( /iPhone/i ) ) || ( navigator.userAgent.match( /iPod/i ) ) ) {
		
		iPhoneAlert();
		
	};
	
});
*/