//		###############################################
//		work clients
		
		//	client
			work.clients			= 10;

			work.current			= new Object();
			work.current.client		= 0;
			work.current.image		= 0;
		
		//	lifeplan
			work.client1			= new Object();
			work.client1.total		= 4;
			work.client1.image1		= 'lifeplan_1.gif';
			work.client1.image2		= 'lifeplan_2.jpg';
			work.client1.image3		= 'lifeplan_3.jpg';
			work.client1.image4		= 'lifeplan_4.jpg';
			
		//	entraction
			work.client2			= new Object();
			work.client2.total		= 4;
			work.client2.image1		= 'entraction_1.gif';
			work.client2.image2		= 'entraction_2.jpg';
			work.client2.image3		= 'entraction_3.jpg';
			work.client2.image4		= 'entraction_4.jpg';

		//	internet world
			work.client3			= new Object();
			work.client3.total		= 3;
			work.client3.image1		= 'iw_1.gif';
			work.client3.image2		= 'iw_2.jpg';
			work.client3.image3		= 'iw_3.jpg';

		//	waxholms hotell
			work.client4			= new Object();
			work.client4.total		= 3;
			work.client4.image1		= 'waxholm_1.gif';
			work.client4.image2		= 'waxholm_2.jpg';
			work.client4.image3		= 'waxholm_3.jpg';

		//	burgundy
			work.client5			= new Object();
			work.client5.total		= 3;
			work.client5.image1		= 'burgundy_1.gif';
			work.client5.image2		= 'burgundy_2.jpg';
			work.client5.image3		= 'burgundy_3.jpg';

		//	macworld
			work.client6			= new Object();
			work.client6.total		= 3;
			work.client6.image1		= 'macworld_1.gif';
			work.client6.image2		= 'macworld_2.jpg';
			work.client6.image3		= 'macworld_3.jpg';

		//	valguide
			work.client7			= new Object();
			work.client7.total		= 4;
			work.client7.image1		= 'valguide_1.gif';
			work.client7.image2		= 'valguide_2.jpg';
			work.client7.image3		= 'valguide_3.jpg';
			work.client7.image4		= 'valguide_4.jpg';

		//	ängsnäs glänta
			work.client8			= new Object();
			work.client8.total		= 3;
			work.client8.image1		= 'angsnas_1.gif';
			work.client8.image2		= 'angsnas_2.jpg';
			work.client8.image3		= 'angsnas_3.jpg';

		//	benchmark
			work.client9			= new Object();
			work.client9.total		= 3;
			work.client9.image1		= 'benchmark_1.gif';
			work.client9.image2		= 'benchmark_2.jpg';
			work.client9.image3		= 'benchmark_3.jpg';

		//	lilla sköndal
			work.client10			= new Object();
			work.client10.total		= 3;
			work.client10.image1	= 'lillaskondal_1.gif';
			work.client10.image2	= 'lillaskondal_2.jpg';
			work.client10.image3	= 'lillaskondal_3.jpg';


//		###############################################
//		work prepare

		function js_work_prepare()
		{
			//	prepare legend
				var x = 0;
				$('#work_legend').html('');

			//	build legend
				while ( x != work.clients )
				{
					x++;
					$('#work_legend').append('<div class="dot"><a class="normal" id="work_legend'+x+'" href="javascript:void(0);" onclick="js_work_legend('+x+');"></a></div>');
				}
		}


//		###############################################
//		work

		function js_work()
		{
			//	stop
				if ( global.busy == true ) { return; }
				
			//	prepare
				global.busy = true;

//		-----------------------------------------------

			//	work OPEN
				if ( work.status == false )
				{

					//	reset work
			    		preload = new Image();
			    		preload.src = 'vh.se/graphics/work/basis/default.gif';

						$('#work_slider').html('<div id="work_prev"></div><div id="work_current"><div id="work_busy"></div></div><div id="work_next"></div>');
						$('#work_slider').css({ marginLeft: '-830px' });
						$('#work_legend .dot a').attr('class','normal');

						work.current.client = 0;
						work.current.image = 0;
						
					//	slide
						$('#work').slideDown(800, 'easeOutExpo', function(){

						//	preload images
							for ( client = 1; client <= work.clients; client++ )
							{
								var total = eval('work.client'+client+'.total');
								for ( image = 1; image <= total; image++ )
								{
						    		preload = new Image();
						    		preload.src = 'vh.se/graphics/work/case/' + eval('work.client'+client+'.image'+image);
								}
							}
	
						//	finish
							$('#work .tab a').attr('class','on');
							$('#work_current').html('<img src="vh.se/graphics/work/basis/default.gif">');

							work.status = true;
							global.busy = false;
						});
				}

//		-----------------------------------------------

			//	work CLOSE
				else if ( work.status == true )
				{
					$('#work').slideUp(500, 'easeOutExpo', function(){
						work.status = false;
						global.busy = false;
					});
				}
		}


//		###############################################
//		work slide

		function js_work_slide(arrow,type)
		{
			//	stop
				if ( global.busy == true ) { return; }
				
			//	preapre
				global.busy = true;
				$('#work .tab a').attr('class','off');
				
//		-----------------------------------------------

			//	arrow NEXT
				if ( arrow == 'next' )
				{
					$('#work_next').html('<img src="vh.se/graphics/work/case/'+js_work_case('next')+'">');
					$('#work_slider').animate({ marginLeft: '-1660px' }, 600, 'easeOutExpo', function(){

						//	preapre html
							$('#work_current').remove();
							$('#work_next').attr('id','work_current');
							$('#work_slider').css({ marginLeft: '-830px' });
							$('#work_slider').append('<div id="work_next"></div>');
							
						//	finish
							js_work_slide_finish();
					});
				}
				
//		-----------------------------------------------

			//	arrow PREV
				else if ( arrow == 'prev' )
				{
					$('#work_prev').html('<img src="vh.se/graphics/work/case/'+js_work_case('prev')+'">');
					$('#work_slider').animate({ marginLeft: '-0px' }, 600, 'easeOutExpo', function(){

						//	preapre html
							$('#work_current').remove();
							$('#work_prev').attr('id','work_current');
							$('#work_slider').css({ marginLeft: '-830px' });
							$('#work_slider').prepend('<div id="work_prev"></div>');
							
						//	finish
							js_work_slide_finish();
					});
				
				}
		}


//		###############################################
//		work slide client

		function js_work_slide_client(arrow)
		{
			//	next
				if ( arrow == 'next' )
				{
					var dot = work.current.client + 1;
					if ( dot > work.clients ) { dot = 1; }
				}

			//	prev
				else if ( arrow == 'prev' )
				{
					var dot = work.current.client - 1;
					if ( dot < 1 ) { dot = work.clients; }
				}

			//	continue
				js_work_legend(dot);
		}


//		###############################################
//		work case

		function js_work_case(arrow)
		{
			if ( arrow == 'next' )
			{
				//	begin
					if ( work.current.client == 0 )
					{
						work.current.client = 1;
					}

				//	next image
					work.current.image++;

					if ( work.current.image > eval('work.client'+work.current.client+'.total') )
					{
						work.current.image = 1;
						work.current.client++;
						
						if ( work.current.client > work.clients )
						{
							work.current.client = 1;
						}
					}
					
			}

			else if ( arrow == 'prev' )
			{
				//	begin
					if ( work.current.client == 0 )
					{
						work.current.client = work.clients;
						work.current.image = ( eval('work.client'+work.current.client+'.total') ) + 1;
					}

				//	prev image
					work.current.image--;

					if ( work.current.image < 1 )
					{
						work.current.client--;
						
						if ( work.current.client < 1 )
						{
							work.current.client = work.clients;
						}

						work.current.image = eval('work.client'+work.current.client+'.total');
					}
					
			}
				
//		-----------------------------------------------

			//	legend
				$('#work_legend .dot a').attr('class','normal');
				$('#work_legend'+work.current.client).attr('class','selected');

			//	src
				work.current.src = eval('work.client'+work.current.client+'.image'+work.current.image);

			//	return
	    		return work.current.src;
		}


//		###############################################
//		work slide finish

		function js_work_slide_finish()
		{

			//	finish
				global.busy = false;
				$('#work .tab a').attr('class','on');
		}


//		###############################################
//		work legend

		function js_work_legend(dot)
		{
			//	stop
				if ( dot == work.current.client ) { return; }
				
			//	arrow
				if ( dot > work.current.client ) { arrow = 'next'; work.current.image = 0; }
				else { arrow = 'prev'; work.current.image = 2; }

			//	client
				work.current.client = dot;
				
			//	slide
				js_work_slide(arrow);
		}

//		###############################################
//		work key

		function js_work_key()
		{
			//	stop
				if ( global.busy == true ) { return; }
				if ( work.status == false ) { return; }
				
			//	slide
				if ( event.keyCode == 39) { js_work_slide('next'); }
				if ( event.keyCode == 37) { js_work_slide('prev'); }
		}

//		###############################################
//		work tag

		function js_work_tag(mode,label,type,e,option)
		{
				var element = $('#tag');
				if ( mode == 0 ) { element.css({ 'visibility' : 'hidden' }); }
	
				else
				{			
					element.html('<p>'+label+'</p>');
	
					if	( type == 'next' )
					{
						var width = element.width();
						var x = ( e.clientX - width - 24 );
						var y = ( e.clientY + document.body.scrollTop - 8 );
						element.css( { "left" : x + "px", "top" : y + "px" } );
						element.css({ 'visibility' : 'visible'});
					}

					if	( type == 'prev' )
					{
						var x = ( e.clientX + 22 );
						var y = ( e.clientY + document.body.scrollTop - 8 );
						element.css( { "left" : x + "px", "top" : y + "px" } );
						element.css({'visibility':'visible'});
					}

					if	( type == 'foot' )
					{
						var width = element.width();
						var x = ( e.clientX - ( width / 2 ) );
						var y = ( e.clientY + document.body.scrollTop - 36 );
						element.css( { "left" : x + "px", "top" : y + "px" } );
						element.css({'visibility':'visible'});
					}
				}
		}