Свой Кастомный Javascript в Описании товара - [VM1] Модификации и хаки

<?php if (@$option=='com_virtuemart' ) { ?>
<script type="text/javascript">
function showtab(id){
names = new Array ("tabn_1","tabn_2","tabn_3","tabn_4"); 
conts= new Array ("tabc_1","tabc_2","tabc_3","tabc_4"); 
for(i=0;i<names.length;i++) {
document.getElementById(names[i]).className = 'nonactive';
}
for(i=0;i<conts.length;i++) {
document.getElementById(conts[i]).className = 'hide';
}
document.getElementById('tabn_' + id).className = 'active';
document.getElementById('tabc_' + id).className = 'show';
}
</script>
<?php }  ?>

<style>
.tsen  {font-size: 22px; color: #585858; letter-spacing: 0px; padding-left: 35px;
}
.tsen a {font-size: 11px; color: #5f5f5f;
}
.tsen a:hover {color:#888;
}
.st1 h1 {font-size: 18px; color: #b13a3c; text-transform: uppercase; margin: 0px !important; padding-bottom: 0px !important;
}
.backkat a {font-size: 15px; color: #b13a3c; text-transform: uppercase; margin-left: 25px;
}
.backkat {width: 45%; clear: both; float: right; margin-top: 15px;
}

/*------------------------------стиль слайдера----------------------------------------*/

#tabbs {margin:0 auto;
}
.content div{clear: both; height: 268px; padding-top: 40px; padding-bottom: 30px;
}
.name div {float:left; padding: 5px 5px 20px; 
}
.hide {display:none;
}
.show {display:block;
}
.nonactive{ cursor:pointer;
}

</style>




<div id="tabbs">
  <div class="content">
	<div id="tabc_1" class="show"><img src="images/stories/prod/prod1.png" /></div>
	<div id="tabc_2" class="hide"><img src="images/stories/prod/prod2.jpg" /></div>
	<div id="tabc_3" class="hide"><img src="images/stories/prod/prod3.jpg" /></div>
	<div id="tabc_4" class="hide"><img src="images/stories/prod/prod4.jpg" /></div>
  </div>
  <div class="name">
      <div id="'tabn_1' onclick=showtab('1')" class="active"><u><img src="images/stories/prod/prod1.png" width="80px" /></u></div>
      <div id="'tabn_2' onclick=showtab('2')" class="nonactive"><u><img src="images/stories/prod/prod2.jpg" width="80px" /></u></div>
      <div id="'tabn_3' onclick=showtab('3')" class="nonactive"><u><img src="images/stories/prod/prod3.jpg" width="80px" /></u></div>
      <div id="'tabn_4' onclick=showtab('4')" class="nonactive"><u><img src="images/stories/prod/prod4.jpg" width="80px" /></u></div>
  </div>
</div>