$(
	function()
	{
		function thumbsDim($elem)
		{
			var finalW = 0;
			$elem.find('img').each(function(i)
			{
				var $img =	$(this);
				finalW	+=	$img.width() + 5;
			});
			$elem.css('width',finalW+'px').css('visibility','visible');
		}
		function makeScrollable($wrapper, $container, contPadding)
		{
			var divWidth = $wrapper.width();
			$wrapper.css({overflow:'hidden'});
			var lastLi = $container.find('img:last-child');
			$wrapper.scrollLeft(0);
			$wrapper.unbind('mousemove').bind('mousemove',function(e)
			{
				var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + contPadding;
				var left = (e.pageX - $wrapper.offset().left) * (ulWidth-divWidth) / divWidth;
				$wrapper.scrollLeft(left);
			});
		}
		function BuildThumbs1()
		{
			var data		=	new Array();
			data[0]			=	new Array();
			data[0]['src']	=	'our_work/webdesign/thumb_01.jpg';
			data[0]['alt']	=	'our_work/webdesign/big_01.jpg';
			data[1]			=	new Array();
			data[1]['src']	=	'our_work/webdesign/thumb_02.jpg';
			data[1]['alt']	=	'our_work/webdesign/big_02.jpg';
			data[2]			=	new Array();
			data[2]['src']	=	'our_work/webdesign/thumb_03.jpg';
			data[2]['alt']	=	'our_work/webdesign/big_03.jpg';
			data[3]			=	new Array();
			data[3]['src']	=	'our_work/webdesign/thumb_04.jpg';
			data[3]['alt']	=	'our_work/webdesign/big_04.jpg';
			data[4]			=	new Array();
			data[4]['src']	=	'our_work/webdesign/thumb_05.jpg';
			data[4]['alt']	=	'our_work/webdesign/big_05.jpg';
			data[5]			=	new Array();
			data[5]['src']	=	'our_work/webdesign/thumb_06.jpg';
			data[5]['alt']	=	'our_work/webdesign/big_06.jpg';
			data[6]			=	new Array();
			data[6]['src']	=	'our_work/webdesign/thumb_07.jpg';
			data[6]['alt']	=	'our_work/webdesign/big_07.jpg';
			data[7]			=	new Array();
			data[7]['src']	=	'our_work/webdesign/thumb_08.jpg';
			data[7]['alt']	=	'our_work/webdesign/big_08.jpg';
			data[8]			=	new Array();
			data[8]['src']	=	'our_work/webdesign/thumb_09.jpg';
			data[8]['alt']	=	'our_work/webdesign/big_09.jpg';
			data[9]			=	new Array();
			data[9]['src']	=	'our_work/webdesign/thumb_10.jpg';
			data[9]['alt']	=	'our_work/webdesign/big_10.jpg';
			data[10]		=	new Array();
			data[10]['src']	=	'our_work/webdesign/thumb_11.jpg';
			data[10]['alt']	=	'our_work/webdesign/big_11.jpg';
			data[11]		=	new Array();
			data[11]['src']	=	'our_work/webdesign/thumb_12.jpg';
			data[11]['alt']	=	'our_work/webdesign/big_12.jpg';
			data[12]		=	new Array();
			data[12]['src']	=	'our_work/webdesign/thumb_13.jpg';
			data[12]['alt']	=	'our_work/webdesign/big_13.jpg';
			data[13]		=	new Array();
			data[13]['src']	=	'our_work/webdesign/thumb_14.jpg';
			data[13]['alt']	=	'our_work/webdesign/big_14.jpg';
			data[14]		=	new Array();
			data[14]['src']	=	'our_work/webdesign/thumb_15.jpg';
			data[14]['alt']	=	'our_work/webdesign/big_15.jpg';
			data[15]		=	new Array();
			data[15]['src']	=	'our_work/webdesign/thumb_16.jpg';
			data[15]['alt']	=	'our_work/webdesign/big_16.jpg';
			data[16]		=	new Array();
			data[16]['src']	=	'our_work/webdesign/thumb_17.jpg';
			data[16]['alt']	=	'our_work/webdesign/big_17.jpg';
			data[17]		=	new Array();
			data[17]['src']	=	'our_work/webdesign/thumb_18.jpg';
			data[17]['alt']	=	'our_work/webdesign/big_18.jpg';

			var countImages = data.length;
			var count = 0;
			var $tContainer = $('<div>')
			for(var i = 0; i < countImages; ++i)
			{
				$('<img alt="'+data[i].alt+'" height="61">').load(function()
				{
					var $this = $(this);
					$tContainer.append($this);
					++count;
					if(count == countImages)
					{
						$('#OurWorkThumbsWrapper1').empty().append($tContainer);
						thumbsDim($tContainer);
						makeScrollable($('#OurWorkThumbsWrapper1'),$tContainer,10);
					}
				}).click(function()
					{
						$('#OurWorkLoading').show();
						$('#OurWorkBigImage').hide();
						var ImageIndex	=	$(this).attr('alt');
						var dataString	=	'Section=OurWork&ImageIndex='+ImageIndex;
						$.ajax(
							{
								type: "POST",
								url: "ajax.php",
								enctype: 'multipart/form-data',
								data: dataString,
								success: function(html)
								{
									$('#OurWorkLoading').fadeOut();
									$('#OurWorkBigImage').empty().append(html).fadeIn();
								}
							}
						);
						return false;
					}
				).attr('src',data[i].src);
			}
		}
		function BuildThumbs2()
		{
			var data		=	new Array();
			data[0]			=	new Array();
			data[0]['src']	=	'our_work/branding/thumb_01.jpg';
			data[0]['alt']	=	'our_work/branding/big_01.png';
			data[1]			=	new Array();
			data[1]['src']	=	'our_work/branding/thumb_02.jpg';
			data[1]['alt']	=	'our_work/branding/big_02.png';
			data[2]			=	new Array();
			data[2]['src']	=	'our_work/branding/thumb_03.jpg';
			data[2]['alt']	=	'our_work/branding/big_03.png';
			data[3]			=	new Array();
			data[3]['src']	=	'our_work/branding/thumb_04.jpg';
			data[3]['alt']	=	'our_work/branding/big_04.png';
			data[4]			=	new Array();
			data[4]['src']	=	'our_work/branding/thumb_05.jpg';
			data[4]['alt']	=	'our_work/branding/big_05.png';
			data[5]			=	new Array();
			data[5]['src']	=	'our_work/branding/thumb_06.jpg';
			data[5]['alt']	=	'our_work/branding/big_06.png';
			data[6]			=	new Array();
			data[6]['src']	=	'our_work/branding/thumb_07.jpg';
			data[6]['alt']	=	'our_work/branding/big_07.png';
			data[7]			=	new Array();
			data[7]['src']	=	'our_work/branding/thumb_08.jpg';
			data[7]['alt']	=	'our_work/branding/big_08.png';
			data[8]			=	new Array();
			data[8]['src']	=	'our_work/branding/thumb_09.jpg';
			data[8]['alt']	=	'our_work/branding/big_09.png';
			data[9]			=	new Array();
			data[9]['src']	=	'our_work/branding/thumb_10.jpg';
			data[9]['alt']	=	'our_work/branding/big_10.png';
			data[10]		=	new Array();
			data[10]['src']	=	'our_work/branding/thumb_11.jpg';
			data[10]['alt']	=	'our_work/branding/big_11.png';

			var countImages = data.length;
			var count = 0;
			var $tContainer = $('<div>')
			for(var i = 0; i < countImages; ++i)
			{
				$('<img alt="'+data[i].alt+'" height="61">').load(function()
				{
					var $this = $(this);
					$tContainer.append($this);
					++count;
					if(count == countImages)
					{
						$('#OurWorkThumbsWrapper2').empty().append($tContainer);
						thumbsDim($tContainer);
						makeScrollable($('#OurWorkThumbsWrapper2'),$tContainer,10);
					}
				}).click(function()
					{
						$('#OurWorkLoading').show();
						$('#OurWorkBigImage').hide();
						var ImageIndex	=	$(this).attr('alt');
						var dataString	=	'Section=OurWork&ImageIndex='+ImageIndex;
						$.ajax(
							{
								type: "POST",
								url: "ajax.php",
								enctype: 'multipart/form-data',
								data: dataString,
								success: function(html)
								{
									$('#OurWorkLoading').fadeOut();
									$('#OurWorkBigImage').empty().append(html).fadeIn();
								}
							}
						);
						return false;
					}
				).attr('src',data[i].src);
			}
		}
		function BuildThumbs3()
		{
			var data		=	new Array();
			data[0]			=	new Array();
			data[0]['src']	=	'our_work/print/thumb_01.jpg';
			data[0]['alt']	=	'our_work/print/big_01.png';
			data[1]			=	new Array();
			data[1]['src']	=	'our_work/print/thumb_02.jpg';
			data[1]['alt']	=	'our_work/print/big_02.png';
			data[2]			=	new Array();
			data[2]['src']	=	'our_work/print/thumb_03.jpg';
			data[2]['alt']	=	'our_work/print/big_03.png';
			data[3]			=	new Array();
			data[3]['src']	=	'our_work/print/thumb_04.jpg';
			data[3]['alt']	=	'our_work/print/big_04.png';
			data[4]			=	new Array();
			data[4]['src']	=	'our_work/print/thumb_05.jpg';
			data[4]['alt']	=	'our_work/print/big_05.png';
			data[5]			=	new Array();
			data[5]['src']	=	'our_work/print/thumb_06.jpg';
			data[5]['alt']	=	'our_work/print/big_06.png';
			data[6]			=	new Array();
			data[6]['src']	=	'our_work/print/thumb_07.jpg';
			data[6]['alt']	=	'our_work/print/big_07.png';
			data[7]			=	new Array();
			data[7]['src']	=	'our_work/print/thumb_08.jpg';
			data[7]['alt']	=	'our_work/print/big_08.png';
			data[8]			=	new Array();
			data[8]['src']	=	'our_work/print/thumb_09.jpg';
			data[8]['alt']	=	'our_work/print/big_09.png';
			data[9]			=	new Array();
			data[9]['src']	=	'our_work/print/thumb_10.jpg';
			data[9]['alt']	=	'our_work/print/big_10.png';
			data[10]		=	new Array();
			data[10]['src']	=	'our_work/print/thumb_11.jpg';
			data[10]['alt']	=	'our_work/print/big_11.png';
			data[11]		=	new Array();
			data[11]['src']	=	'our_work/print/thumb_12.jpg';
			data[11]['alt']	=	'our_work/print/big_12.png';

			var countImages = data.length;
			var count = 0;
			var $tContainer = $('<div>')
			for(var i = 0; i < countImages; ++i)
			{
				$('<img alt="'+data[i].alt+'" height="61">').load(function()
				{
					var $this = $(this);
					$tContainer.append($this);
					++count;
					if(count == countImages)
					{
						$('#OurWorkThumbsWrapper3').empty().append($tContainer);
						thumbsDim($tContainer);
						makeScrollable($('#OurWorkThumbsWrapper3'),$tContainer,10);
					}
				}).click(function()
					{
						$('#OurWorkLoading').show();
						$('#OurWorkBigImage').hide();
						var ImageIndex	=	$(this).attr('alt');
						var dataString	=	'Section=OurWork&ImageIndex='+ImageIndex;
						$.ajax(
							{
								type: "POST",
								url: "ajax.php",
								enctype: 'multipart/form-data',
								data: dataString,
								success: function(html)
								{
									$('#OurWorkLoading').fadeOut();
									$('#OurWorkBigImage').empty().append(html).fadeIn();
								}
							}
						);
						return false;
					}
				).attr('src',data[i].src);
			}
		}
		/*
		function BuildThumbs4()
		{
			var data		=	new Array();
			data[0]			=	new Array();
			data[0]['src']	=	'our_work/interactive/thumb_01.jpg';
			data[0]['alt']	=	'our_work/interactive/big_01.jpg';
			data[1]			=	new Array();
			data[1]['src']	=	'our_work/interactive/thumb_02.jpg';
			data[1]['alt']	=	'our_work/interactive/big_02.jpg';
			data[2]			=	new Array();
			data[2]['src']	=	'our_work/interactive/thumb_03.jpg';
			data[2]['alt']	=	'our_work/interactive/big_03.jpg';
			data[3]			=	new Array();
			data[3]['src']	=	'our_work/interactive/thumb_04.jpg';
			data[3]['alt']	=	'our_work/interactive/big_04.jpg';
			data[4]			=	new Array();
			data[4]['src']	=	'our_work/interactive/thumb_05.jpg';
			data[4]['alt']	=	'our_work/interactive/big_05.jpg';
			data[5]			=	new Array();
			data[5]['src']	=	'our_work/interactive/thumb_06.jpg';
			data[5]['alt']	=	'our_work/interactive/big_06.jpg';
			data[6]			=	new Array();
			data[6]['src']	=	'our_work/interactive/thumb_07.jpg';
			data[6]['alt']	=	'our_work/interactive/big_07.jpg';
			data[7]			=	new Array();
			data[7]['src']	=	'our_work/interactive/thumb_08.jpg';
			data[7]['alt']	=	'our_work/interactive/big_08.jpg';
			data[8]			=	new Array();
			data[8]['src']	=	'our_work/interactive/thumb_09.jpg';
			data[8]['alt']	=	'our_work/interactive/big_09.jpg';
			data[9]			=	new Array();
			data[9]['src']	=	'our_work/interactive/thumb_10.jpg';
			data[9]['alt']	=	'our_work/interactive/big_10.jpg';
			data[10]		=	new Array();
			data[10]['src']	=	'our_work/interactive/thumb_11.jpg';
			data[10]['alt']	=	'our_work/interactive/big_11.jpg';

			var countImages = data.length;
			var count = 0;
			var $tContainer = $('<div>');
			for(var i = 0; i < countImages; ++i)
			{
				$('<img alt="'+data[i].src+'" height="61">').load(function()
				{
					var $this = $(this);
					$tContainer.append($this);
					++count;
					if(count == countImages)
					{
						$('#OurWorkThumbsWrapper4').empty().append($tContainer);
						thumbsDim($tContainer);
						makeScrollable($('#OurWorkThumbsWrapper4'),$tContainer,10);
					}
				}).click(function()
					{
						$('#OurWorkLoading').show();
						$('#OurWorkBigImage').hide();
						var ImageIndex	=	$(this).attr('alt');
						var dataString	=	'Section=OurWork&ImageIndex='+ImageIndex;
						$.ajax(
							{
								type: "POST",
								url: "ajax.php",
								enctype: 'multipart/form-data',
								data: dataString,
								success: function(html)
								{
									$('#OurWorkLoading').fadeOut();
									$('#OurWorkBigImage').empty().append(html).fadeIn();
								}
							}
						);
						return false;
					}
				).attr('src',data[i].src);
			}
		}
		//*/
		BuildThumbs1();
		BuildThumbs2();
		BuildThumbs3();
		//BuildThumbs4();
	}
);