// JavaScript Document
	_part  = 'images/web_production/menu/';
	_part2 = 'images/web_production/';
	_pause = 5000;
	_i	   = 1;
	_txt1  = "Website Design";
	_txt2  = "Web Based Application";
	_txt3  = "Flash Application";
	_txt4  = "Logo & Banner";
	_txt5  = "Desktop Publishing (DTP)";
	
	
	
	
	function mouse_control(_prefix,_img_on,_img_off,_img_stop)
	{
		$(_prefix).bind("mouseenter",
			function()
			{				
				if ($(_prefix).find('img').attr('src') != (_part+_img_stop))
				{		
				
					$(this).find('img').attr('src',_part+_img_on);
				}		
				
				$(document).stopTime("move_next", move_next);
			}
		).bind("mouseleave",
			function()
			{
				if ($(_prefix).find('img').attr('src') != (_part+_img_stop))
				{
					$(this).find('img').attr('src',_part+_img_off);
				}
				
				$(document).everyTime(_pause, "move_next", move_next);
			}
		);
	}
	
	function mouse_reset()
	{
		$('#id_menuproduct_01').find('img').attr('src',_part+'web_design.jpg');
		$('#id_menuproduct_02').find('img').attr('src',_part+'web_based.jpg');
		$('#id_menuproduct_03').find('img').attr('src',_part+'flash_app.jpg');
		$('#id_menuproduct_04').find('img').attr('src',_part+'logo_banner.jpg');
		$('#id_menuproduct_05').find('img').attr('src',_part+'dtp.jpg');	
	}
	
	function mouse_click(_prefix,_img,_img2,_txt)
	{
		mouse_reset();
		$(_prefix).find('img').attr('src',_part+_img);	
		
		$("#id_product").fadeOut('slow',
		function()
		{
			$("#id_product").find('img').attr('src',_part2+_img2);
			
			$("#id_menuproduct_text").html(_txt) ; 
			
			$("#id_product").fadeIn('fast',
			function()
			{});
			
		});
	}
	
	function move_next()
	{
		if (_i == 1)
		{
			mouse_click('#id_menuproduct_01','web_design_cur.jpg' ,'web_design_product.jpg',_txt1 );	
			_i= _i+1;
		}
		else if (_i == 2)
		{
			mouse_click('#id_menuproduct_02','web_based_cur.jpg'  ,'web_base_product.jpg',_txt2 ); 
			_i= _i+1;
		}
		else if (_i == 3)
		{
			mouse_click('#id_menuproduct_03','flash_app_cur.jpg'  ,'flash_app_product.jpg',_txt3 );
			_i= _i+1;
		}
		else if (_i == 4)
		{
			mouse_click('#id_menuproduct_04','logo_banner_cur.jpg','logo_banner_product.jpg',_txt4 );
			_i= _i+1;
		}
		else if (_i == 5)
		{
			mouse_click('#id_menuproduct_05','dtp_cur.jpg','dtc_product.jpg',_txt5 ); 
			_i= 1;
		}

	}
	
	
	$(document).ready(
		function()
		{
			$('#id_menuproduct_01').click(function(){ mouse_click('#id_menuproduct_01','web_design_cur.jpg' ,'web_design_product.jpg',_txt1 );  _i=2; });
			$('#id_menuproduct_02').click(function(){ mouse_click('#id_menuproduct_02','web_based_cur.jpg'  ,'web_base_product.jpg',_txt2 );    _i=3; });
			$('#id_menuproduct_03').click(function(){ mouse_click('#id_menuproduct_03','flash_app_cur.jpg'  ,'flash_app_product.jpg',_txt3 );   _i=4; });
			$('#id_menuproduct_04').click(function(){ mouse_click('#id_menuproduct_04','logo_banner_cur.jpg','logo_banner_product.jpg',_txt4 ); _i=5; });
			$('#id_menuproduct_05').click(function(){ mouse_click('#id_menuproduct_05','dtp_cur.jpg'        ,'dtc_product.jpg',_txt5 );         _i=1; });
			_i = _i+1;
			
			mouse_control('#id_menuproduct_01','web_design_on.jpg'   ,'web_design.jpg' ,'web_design_cur.jpg' );
			mouse_control('#id_menuproduct_02','web_based_on.jpg'    ,'web_based.jpg'  ,'web_based_cur.jpg'  );
			mouse_control('#id_menuproduct_03','flash_app_on.jpg'    ,'flash_app.jpg'  ,'flash_app_cur.jpg'  );
			mouse_control('#id_menuproduct_04','logo_banner_on.jpg'  ,'logo_banner.jpg','logo_banner_cur.jpg');
			mouse_control('#id_menuproduct_05','dtp_on.jpg'          ,'dtp.jpg'        ,'dtp_cur.jpg'        );
			
			
			$(document).everyTime(_pause, "move_next", move_next);
			
			
			$("#id_product").bind("mouseenter",
			function()
			{				
				$(document).stopTime("move_next", move_next);
			}
			).bind("mouseleave",
				function()
				{
					
					$(document).everyTime(_pause, "move_next", move_next);
				}
			);
		}
	);