javascript - 次ボタンと自動検索フォルダーを使用して HTML テンプレートのデモ バーを作成する方法は?

Question

いくつかの HTML テンプレートがあり、それらを で表示したいのですiFrameが、このテンプレートの一部には 2 ～ 11 色のバリエーションがあります。

folder name ex.
1
2
3
3-1
3-2
3-3
3-4
3-5
4
5
6-1
6-2
7
and more...

show NEXT テンプレートのボタンがあります。

is_dirディレクトリ1または3-2が利用可能かどうかをphpで確認してから表示したい。

<?php

$id = $_GET['id'];

$c=$id+1;
$c1=$c."-1";

$xm=$c;
$xm1=$c1;   

if (is_dir($xm)) {
    $c=$c;  
}

if (is_dir($xm1)) {$c=$c1;}

?>

<div id="header-bar">
    <form method="get" action="<?php echo $_SERVER['PHP_SELF']; ?>">
        <input type="hidden" name="id" value="<?php echo $c ?>">
        <input type="submit" value="NEXT">
    </form>
</div>

<iframe src="http://barg.ir/demo/<?php echo $id; ?>"></iframe>

質問 1: フォルダー 3-1 は表示できますが、フォルダー 3-2 と 3-3 は表示できません。

質問 2: php 配列でコーディングできますか?

質問3: JavaScriptでコーディングできますか? is_dirjavascriptで等しいのは何ですか?