﻿(function($) {

    $.fn.servicePageSwap = function() {
		
		return this.each(function() {
			$PageSwapBox = $('#PageSwapBox');
			$DetailLinkBox = $('#DetailLinkBox');
			$DetailLink = $('#DetailLink');
			$BackLinkBox = $('#BackLinkBox');
			$BackLink = $('#BackLink');
			
			$ServiceTextBox = $('#ServiceTextBox');
			$ServiceDiagramBox = $('#ServiceDiagramBox');
			
			$ServiceDiagramBox.hide();
			
			if ($ServiceDiagramBox.find('img').size() > 0)
			{
				$PageSwapBox.show();
				
				$DetailLink.click(function(){
					$ServiceTextBox.slideUp('fast', function(){
						$ServiceDiagramBox.slideDown();
					});
					
					$DetailLinkBox.hide();
					$BackLinkBox.show();
					return false;
				});

				$BackLink.click(function(){
					$ServiceDiagramBox.slideUp('fast', function(){
						$ServiceTextBox.slideDown();
					});
					
					$BackLinkBox.hide();
					$DetailLinkBox.show();
					return false;
				});
			}			
		});
    };
    
})(jQuery);

