// JavaScript Document

$(document).ready(function(){
	

	
		$('.tabs1').click(function(){
        $(this).addClass('tabs1_hover');
		 $('.tabs2_hover').removeClass('tabs2_hover');
		 $('.tabs3_hover').removeClass('tabs3_hover');
		 $('.tabs4_hover').removeClass('tabs4_hover');
		 $('.tabs1_screen').addClass('tabsscreen');
		 $('.tabs2_screen').removeClass('tabsscreen');
		 $('.tabs3_screen').removeClass('tabsscreen');
		 $('.tabs4_screen').removeClass('tabsscreen');
		
      }
	  );
		
		
		$('.tabs2').click(function(){
         $(this).addClass('tabs2_hover');
		 $('.tabs1_hover').removeClass('tabs1_hover');
		 $('.tabs3_hover').removeClass('tabs3_hover');
		 $('.tabs4_hover').removeClass('tabs4_hover');
		 $('.tabs2_screen').addClass('tabsscreen');
		 $('.tabs1_screen').removeClass('tabsscreen');
		 $('.tabs3_screen').removeClass('tabsscreen');
		 $('.tabs4_screen').removeClass('tabsscreen');
      }
	  );
		
			
		$('.tabs3').click(function(){
        $(this).addClass('tabs3_hover');
		$('.tabs1_hover').removeClass('tabs1_hover');
		$('.tabs2_hover').removeClass('tabs2_hover');
		$('.tabs4_hover').removeClass('tabs4_hover');
		 $('.tabs3_screen').addClass('tabsscreen');
		 $('.tabs1_screen').removeClass('tabsscreen');
		 $('.tabs2_screen').removeClass('tabsscreen');
		 $('.tabs4_screen').removeClass('tabsscreen');
      }
	  );
		
			
		$('.tabs4').click(function(){
        $(this).addClass('tabs4_hover');
		$('.tabs1_hover').removeClass('tabs1_hover');
		$('.tabs2_hover').removeClass('tabs2_hover');
		$('.tabs3_hover').removeClass('tabs3_hover');
		 $('.tabs4_screen').addClass('tabsscreen');
		 $('.tabs1_screen').removeClass('tabsscreen');
		 $('.tabs3_screen').removeClass('tabsscreen');
		 $('.tabs2_screen').removeClass('tabsscreen');
      }
	  );
		
		

});