Javascript-форум - скрипт расположенный ниже перехватывает функции скрипта расположенного выше

Всем добрый день!
Есть HTML страничка с менюшками справа и слева:

<head>
  <meta charset="UTF-8">
  <title>ПАнеЛЬ obe</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  
       <link rel="stylesheet" href="css/style-panel-pravo.css"> 
  
       <link rel="stylesheet" href="css/style-panel.css"> 
        <link rel="stylesheet" href="D:/NOWINKA CHART/css/style NOWINKA.css">
  
</head>
<body>

  <article class="kontext1">
   <article class="kontext">
   
   
	<div class="layer1 one show">
		<h2>1</h2>
		<p>иии</p>
	</div>
	<div class="layer1 two">
		<h2>2</h2>
	</div>
	<div class="layer1 three">
		<h2>3</h2>
	</div>

<a>справа получилось!!!!!!</a>






  
 
	<div class="layer one show">
		<h2>1</h2>
		<p>иии</p>
	</div>
	<div class="layer two">
		<h2>2</h2>
	</div>
	<div class="layer three">
		<h2>3</h2>
	</div>
	<a>справа не получилось????</a>
</article>

<ul class="bullets"></ul>	
	
</article>

<ul class="knopka"></ul>	

  
  
  
  

    <script src="js/index-panel-pravo.js"></script>
	    <script src="js/index-panel.js"></script>
</body>

Внизу расположены два скрипта, так вот, в зависимости от того какой скрипт расположен ниже, тот и срабатывает и одни и те же кнопки управления управляют то левой менюшкой, то правой. Как исправить ситуацию и заставить работать каждый скрипт со своей менюшкой и своими кнопками!?:help:
ВОТ СКРИПТЫ: файлы прикрепляю