Update index.html

index.html

@@ -215,153 +215,147 @@
     </div>
 
     <script>
+      
+// 비디오 파일 배열을 수정하여 순차적으로 탭 번호 할당
 const videoFiles = [
-    { file: 'chicken.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'ddd.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'm6.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'i0.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'i1.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'OP5.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'OP6.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'qq13.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'zawq1.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'qq14.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'qq12.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'i2.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'qqq14.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'BB1.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'BB2.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'qqq1.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'qqq2.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'qqqq.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'plane.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'ewq1.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'tmpaqldmcah.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'x1.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'x2.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'x3.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'x4.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'V1.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'V2.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'V3.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'V4.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'qq43.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'qq44.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'qw1.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'i5.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'i6.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'i7.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'i8.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'qqq10.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'i9.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: '13.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'qq21.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'qq22.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'qq23.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'tmp72ufgzpa.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'tmpeodtm_jl.output.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'tmpi2bkoc60.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'xz1.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'xz2.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'xz3.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'xz4.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'xz5.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'xz6.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'xz7.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'xz8.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'xz9.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'xz10.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'xz11.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'xz12.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'xz13.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'xz14.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'xz15.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 't1.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 't2.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 't3.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 't4.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'd1.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'd2.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'd4.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'd5.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'd6.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'OP1.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'OP2.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'OP3.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'OP4.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'tr1.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'tr2.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'tr3.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'tr4.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'tr5.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'tr6.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'tr7.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'tr8.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'tr9.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'z1.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'z2.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'z3.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'aq1.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'aq2.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'i3.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'tmpss5nprt_.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'watermarked_output (10).mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'qq1.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'qq2.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'qq3.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'qq4.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'qq41.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'qq42.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'qaw1.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'qaw2.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'qaw3.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: '11.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: '12.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'qq11.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'tmp1y2bgrly.output.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'tmp22o82oge.output.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'tmp43xj9wgj.output.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'tmp59a06_s4.output.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'tmp6tomynny.output.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'tmp77sxlo_s.output.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'tmp8tehlk6n.output.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'tmp95_p0et8.output.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'tmp9l96xmk5.output.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'tmpa1kmfjzl.output.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'tmpf03w8duw.output.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'tmpga24owoo.output.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'tmph843b62h.output.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'tmpi97a5zy8.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'tmpinq30vk2.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'tmpnuljiasj.output.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'tmpqh0z4uts.output.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'tmps_zu8c60.output.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'tmpvdq4uchy.output.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'tmpx2ketgav.output.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'tmpx75_3o81.output.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'tmpy2_6d7qo.output.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'qw2.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'qw3.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'qw4.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'qw5.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'watermarked_output (4).mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'aq3.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'aq4.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'aq5.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'qqq11.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'qqq12.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'qqq13.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'i4.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'z4.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'm2.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'm3.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'z6.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'm1.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'z8.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'm4.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'm5.mp4', tab: Math.floor(Math.random() * 8) + 1 },
-    { file: 'watermarked_output (9).mp4', tab: Math.floor(Math.random() * 8) + 1 }
+    // 첫 번째 그룹 (탭 1)
+    { file: 'chicken.mp4', tab: 1 },
+    { file: 'ddd.mp4', tab: 1 },
+    { file: 'm6.mp4', tab: 1 },
+    { file: 'i0.mp4', tab: 1 },
+    { file: 'i1.mp4', tab: 1 },
+    { file: 'OP5.mp4', tab: 1 },
+    { file: 'OP6.mp4', tab: 1 },
+    { file: 'qq13.mp4', tab: 1 },
+    { file: 'zawq1.mp4', tab: 1 },
+    { file: 'qq14.mp4', tab: 1 },
+    { file: 'qq12.mp4', tab: 1 },
+    { file: 'i2.mp4', tab: 1 },
+    { file: 'qqq14.mp4', tab: 1 },
+    { file: 'BB1.mp4', tab: 1 },
+    { file: 'BB2.mp4', tab: 1 },
+
+    // 두 번째 그룹 (탭 2)
+    { file: 'qqq1.mp4', tab: 2 },
+    { file: 'qqq2.mp4', tab: 2 },
+    { file: 'qqqq.mp4', tab: 2 },
+    { file: 'plane.mp4', tab: 2 },
+    { file: 'ewq1.mp4', tab: 2 },
+    { file: 'tmpaqldmcah.mp4', tab: 2 },
+    { file: 'x1.mp4', tab: 2 },
+    { file: 'x2.mp4', tab: 2 },
+    { file: 'x3.mp4', tab: 2 },
+    { file: 'x4.mp4', tab: 2 },
+    { file: 'V1.mp4', tab: 2 },
+    { file: 'V2.mp4', tab: 2 },
+    { file: 'V3.mp4', tab: 2 },
+    { file: 'V4.mp4', tab: 2 },
+    { file: 'qq43.mp4', tab: 2 },
+
+    // 세 번째 그룹 (탭 3)
+    { file: 'qq44.mp4', tab: 3 },
+    { file: 'qw1.mp4', tab: 3 },
+    { file: 'i5.mp4', tab: 3 },
+    { file: 'i6.mp4', tab: 3 },
+    { file: 'i7.mp4', tab: 3 },
+    { file: 'i8.mp4', tab: 3 },
+    { file: 'qqq10.mp4', tab: 3 },
+    { file: 'i9.mp4', tab: 3 },
+    { file: '13.mp4', tab: 3 },
+    { file: 'qq21.mp4', tab: 3 },
+    { file: 'qq22.mp4', tab: 3 },
+    { file: 'qq23.mp4', tab: 3 },
+    { file: 'tmp72ufgzpa.mp4', tab: 3 },
+    { file: 'tmpeodtm_jl.output.mp4', tab: 3 },
+    { file: 'tmpi2bkoc60.mp4', tab: 3 },
+
+    // 네 번째 그룹 (탭 4)
+    { file: 'xz1.mp4', tab: 4 },
+    { file: 'xz2.mp4', tab: 4 },
+    { file: 'xz3.mp4', tab: 4 },
+    { file: 'xz4.mp4', tab: 4 },
+    { file: 'xz5.mp4', tab: 4 },
+    { file: 'xz6.mp4', tab: 4 },
+    { file: 'xz7.mp4', tab: 4 },
+    { file: 'xz8.mp4', tab: 4 },
+    { file: 'xz9.mp4', tab: 4 },
+    { file: 'xz10.mp4', tab: 4 },
+    { file: 'xz11.mp4', tab: 4 },
+    { file: 'xz12.mp4', tab: 4 },
+    { file: 'xz13.mp4', tab: 4 },
+    { file: 'xz14.mp4', tab: 4 },
+    { file: 'xz15.mp4', tab: 4 },
+
+    // 다섯 번째 그룹 (탭 5)
+    { file: 't1.mp4', tab: 5 },
+    { file: 't2.mp4', tab: 5 },
+    { file: 't3.mp4', tab: 5 },
+    { file: 't4.mp4', tab: 5 },
+    { file: 'd1.mp4', tab: 5 },
+    { file: 'd2.mp4', tab: 5 },
+    { file: 'd4.mp4', tab: 5 },
+    { file: 'd5.mp4', tab: 5 },
+    { file: 'd6.mp4', tab: 5 },
+    { file: 'OP1.mp4', tab: 5 },
+    { file: 'OP2.mp4', tab: 5 },
+    { file: 'OP3.mp4', tab: 5 },
+    { file: 'OP4.mp4', tab: 5 },
+    { file: 'tr1.mp4', tab: 5 },
+    { file: 'tr2.mp4', tab: 5 },
+
+    // 여섯 번째 그룹 (탭 6)
+    { file: 'tr3.mp4', tab: 6 },
+    { file: 'tr4.mp4', tab: 6 },
+    { file: 'tr5.mp4', tab: 6 },
+    { file: 'tr6.mp4', tab: 6 },
+    { file: 'tr7.mp4', tab: 6 },
+    { file: 'tr8.mp4', tab: 6 },
+    { file: 'tr9.mp4', tab: 6 },
+    { file: 'z1.mp4', tab: 6 },
+    { file: 'z2.mp4', tab: 6 },
+    { file: 'z3.mp4', tab: 6 },
+    { file: 'aq1.mp4', tab: 6 },
+    { file: 'aq2.mp4', tab: 6 },
+    { file: 'i3.mp4', tab: 6 },
+    { file: 'tmpss5nprt_.mp4', tab: 6 },
+    { file: 'watermarked_output (10).mp4', tab: 6 },
+
+    // 일곱 번째 그룹 (탭 7)
+    { file: 'qq1.mp4', tab: 7 },
+    { file: 'qq2.mp4', tab: 7 },
+    { file: 'qq3.mp4', tab: 7 },
+    { file: 'qq4.mp4', tab: 7 },
+    { file: 'qq41.mp4', tab: 7 },
+    { file: 'qq42.mp4', tab: 7 },
+    { file: 'qaw1.mp4', tab: 7 },
+    { file: 'qaw2.mp4', tab: 7 },
+    { file: 'qaw3.mp4', tab: 7 },
+    { file: '11.mp4', tab: 7 },
+    { file: '12.mp4', tab: 7 },
+    { file: 'qq11.mp4', tab: 7 },
+    { file: 'tmp1y2bgrly.output.mp4', tab: 7 },
+    { file: 'tmp22o82oge.output.mp4', tab: 7 },
+    { file: 'tmp43xj9wgj.output.mp4', tab: 7 },
+
+    // 여덟 번째 그룹 (탭 8)
+    { file: 'tmp59a06_s4.output.mp4', tab: 8 },
+    { file: 'tmp6tomynny.output.mp4', tab: 8 },
+    { file: 'tmp77sxlo_s.output.mp4', tab: 8 },
+    { file: 'tmp8tehlk6n.output.mp4', tab: 8 },
+    { file: 'tmp95_p0et8.output.mp4', tab: 8 },
+    { file: 'tmp9l96xmk5.output.mp4', tab: 8 },
+    { file: 'tmpa1kmfjzl.output.mp4', tab: 8 },
+    { file: 'tmpf03w8duw.output.mp4', tab: 8 },
+    { file: 'tmpga24owoo.output.mp4', tab: 8 },
+    { file: 'tmph843b62h.output.mp4', tab: 8 },
+    { file: 'tmpi97a5zy8.mp4', tab: 8 },
+    { file: 'tmpinq30vk2.mp4', tab: 8 },
+    { file: 'tmpnuljiasj.output.mp4', tab: 8 },
+    { file: 'tmpqh0z4uts.output.mp4', tab: 8 },
+    { file: 'tmps_zu8c60.output.mp4', tab: 8 }
 ];
+
+      
         function initializeGallery() {
             const gallery = document.getElementById('video-gallery');
             const selectedThumb = document.getElementById('selected-thumb');