diff --git a/koha-tmpl/opac-tmpl/css/en/opac-full-serial-issues.tmpl b/koha-tmpl/opac-tmpl/css/en/opac-full-serial-issues.tmpl
index 959401e721..8608cd34fb 100644
--- a/koha-tmpl/opac-tmpl/css/en/opac-full-serial-issues.tmpl
+++ b/koha-tmpl/opac-tmpl/css/en/opac-full-serial-issues.tmpl
@@ -2,67 +2,67 @@
 
 
 <!-- TMPL_UNLESS name="popup" -->
-	<h1 class="catalogue">Subscription information for <!-- TMPL_VAR name="bibliotitle" --></h1>
-	<a href="opac-detail.pl?bib=<!-- TMPL_VAR name="biblionumber" -->" class="button catalogue">Back to biblio</a>
+    <h1 class="catalogue">Subscription information for <!-- TMPL_VAR name="bibliotitle" --></h1>
+    <a href="opac-detail.pl?bib=<!-- TMPL_VAR name="biblionumber" -->" class="button catalogue">Back to biblio</a>
 <!-- /TMPL_UNLESS -->
-	<div class="tabsubs">
-	<!-- TMPL_LOOP NAME="years" -->
-		<!-- TMPL_IF NAME="year" -->
-			<a  class="tabsubs" href="javascript:showlayer(<!-- TMPL_VAR NAME="year" -->)"><!-- TMPL_VAR NAME="year" --></a>
-		<!-- /TMPL_IF -->
-	<!-- /TMPL_LOOP -->
-	<a class="tabsubs" href="opac-serial-issues.pl?biblionumber=<!-- TMPL_VAR name="biblionumber" -->&selectview=small">Compact view</a>
-	</div>
+    <div class="tabsubs">
+    <!-- TMPL_LOOP NAME="years" -->
+        <!-- TMPL_IF NAME="year" -->
+            <a  class="tabsubs" href="javascript:showlayer(<!-- TMPL_VAR NAME="year" -->)"><!-- TMPL_VAR NAME="year" --></a>
+        <!-- /TMPL_IF -->
+    <!-- /TMPL_LOOP -->
+    <a class="tabsubs" href="opac-serial-issues.pl?biblionumber=<!-- TMPL_VAR name="biblionumber" -->&selectview=small">Compact view</a>
+    </div>
 
-	<!-- TMPL_LOOP NAME="years" -->
-	<div name="<!-- TMPL_VAR NAME="year" -->" id="<!-- TMPL_VAR NAME="year" -->" class="tabsub" <!--TMPL_IF Name="first" -->style="visibility:visible"<!--/TMPL_IF -->>
-		<table width="400px">
-			<tr>
-				<th>Date
-				</th>
-				<th>Date received
-				</th>
-				<th>Number
-				</th>
-				<th>Status
-				</th>
-			</tr>
-			<!-- TMPL_LOOP Name="serials" -->
-			<tr>
-				<td>
-					<!-- TMPL_VAR Name="publisheddate" -->
-				</td>
-				<td>
-					<!-- TMPL_VAR Name="planneddate" -->
-				</td>
-				<td>
-					<!-- TMPL_VAR Name="serialseq" -->
-				</td>
-				<td>
-					<!-- TMPL_IF Name="status1" -->Waited<!-- /TMPL_IF -->
-					<!-- TMPL_IF Name="status2" -->Arrived<!-- /TMPL_IF -->
-					<!-- TMPL_IF Name="status3" -->Late<!-- /TMPL_IF -->
-					<!-- TMPL_IF Name="status4" -->Missing<!-- /TMPL_IF -->
-					<!-- TMPL_IF name="notes" -->(<!-- TMPL_VAR name="notes" -->)<!-- /TMPL_IF -->
-				</td>
-			</tr>
-			<!-- /TMPL_LOOP -->
-		</table>
-	</div>
-	<!--/TMPL_LOOP -->
+    <!-- TMPL_LOOP NAME="years" -->
+    <div name="yeardata" id="<!-- TMPL_VAR NAME="year" -->" class="tabsub" <!--TMPL_IF Name="first" -->style="visibility:visible"<!--/TMPL_IF -->>
+        <table width="400px">
+            <tr>
+                <th>Date
+                </th>
+                <th>Date received
+                </th>
+                <th>Number
+                </th>
+                <th>Status
+                </th>
+            </tr>
+            <!-- TMPL_LOOP Name="serials" -->
+            <tr>
+                <td>
+                    <!-- TMPL_VAR Name="publisheddate" -->
+                </td>
+                <td>
+                    <!-- TMPL_VAR Name="planneddate" -->
+                </td>
+                <td>
+                    <!-- TMPL_VAR Name="serialseq" -->
+                </td>
+                <td>
+                    <!-- TMPL_IF Name="status1" -->Waited<!-- /TMPL_IF -->
+                    <!-- TMPL_IF Name="status2" -->Arrived<!-- /TMPL_IF -->
+                    <!-- TMPL_IF Name="status3" -->Late<!-- /TMPL_IF -->
+                    <!-- TMPL_IF Name="status4" -->Missing<!-- /TMPL_IF -->
+                    <!-- TMPL_IF Name="status5" -->Not Published<!-- /TMPL_IF -->
+                    <!-- TMPL_IF name="notes" -->(<!-- TMPL_VAR name="notes" -->)<!-- /TMPL_IF -->
+                </td>
+            </tr>
+            <!-- /TMPL_LOOP -->
+        </table>
+    </div>
+    <!--/TMPL_LOOP -->
 <script language="JavaScript" type="text/javascript">
 showlayer(<!-- TMPL_VAR name="yearmin" -->);
 function showlayer(numlayer)
 {
-	for (i=<!--TMPL_VAR Name="yearmin"-->; i<=<!--TMPL_VAR Name="yearmax"-->; i++ ) {
-        var children=document.getElementsByName(i)
-        for(j=0;j<children.length;j++){
-          if ((children[j].style.visibility == "hidden") && (numlayer==i)){
-            children[j].style.visibility="visible";
-          } else {
-            children[j].style.visibility="hidden";
-          }
-        }
+	var yeardata=document.getElementsByName("yeardata");
+    for (i=0; i<=yeardata.length; i++ ) {
+		ong=yeardata[i].getAttribute('id');
+        if (numlayer==ong) {
+			yeardata[i].style.visibility="visible";
+		} else {
+			yeardata[i].style.visibility="hidden";
+		}
 	}
 }