/*###############################################################################################
#                                                                                               #
#	(c) Copyright Oxide Computing Ltd 2010.                                                     #
#	Code may not be used, modified or distributed by third parties without written consent.     #
#                                                                                               #
###############################################################################################*/

	var mycarousel_itemList = [
		{link: '#', url: 'http://www.oxidecomputing.com/images/clients/swingmirror.gif', title: 'Swingmirror'},
		//{link: '#', url: 'http://www.oxidecomputing.com/images/clients/businesshome.gif', title: 'Business Home'},
		{link: '#', url: 'http://www.oxidecomputing.com/images/clients/quikship.gif', title: 'Quikship'},
		{link: '#', url: 'http://www.oxidecomputing.com/images/clients/shopoxi.gif', title: 'ShopOxi'}
	];

	function mycarousel_itemVisibleInCallback(carousel, item, i, state, evt)
	{
		var idx = carousel.index(i, mycarousel_itemList.length);
		carousel.add(i, mycarousel_getItemHTML(mycarousel_itemList[idx - 1]));
	};
	
	function mycarousel_itemVisibleOutCallback(carousel, item, i, state, evt)
	{
		carousel.remove(i);
	};
	

	function mycarousel_getItemHTML(item)
	{
		return '<a href="' + item.link + '"><img src="' + item.url + '" alt="' + item.title + '" /></a>';
	};
	
	function fadeClients()
	{
		
		if ( ! clients ) 
			var clients = $( '#ourClients' );
		
		clients.fadeTo( 2000, '0.9', function() { 
			clients.fadeTo( 5000, '0', function() {
				clients.css( {'display': 'none'} );									
			}); 
		});	
	}
	
	$(function() {
		
		fadeClients();
		setInterval( "fadeClients();", 68000 );
	
		$('#portfolio').jcarousel({
			auto: 'x',
			wrap: 'circular',
			itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
			itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback},
			scroll: 6,
			animation: 54000
		});
			   
		$( ".rounded" ).corner( "" );
		$( ".subHead" ).corner( "cc:#c9d8d8 sc #000" );
		$( "#title" ).fadeIn( 'slow', function() {
			$( ".contentBox" ).fadeIn( 'slow' );		
		});	
		
	});// JavaScript Document
