[% WRAPPER wrapper.tt %]
[% USE JavaScript %]
<script>
var swf;
function dqframe_loaded() {
    swf = document.dqframe || window.dqframe;
    if ( location.search.match(/url=([^&]+)/) ) { 
        url_submit(RegExp.$1);
    } else {
        swf.system_message("おすきな　しゃしんに　ドラクエふうの\nせつめいをいれることができます。\nまず　さいしょに　しゃしんのアドレスを\nにゅうりょくし　よみこんでください。");
        swf.user_message("＊「ようこそ　まいられました\n　　[% h2z(count + 1) | js %]にんめの　ゆうしゃよ！");
        swf.url_frame(true);
        load_random();
    }
}

function url_submit (url) {
    if ( url.match(/^http:\/\/.+(jpg|jpeg|png|bmp|gif)($|[#?])/i) ) {
        swf.load_photo(url);
        swf.system_message("\n\nよみこみちゅう…");
        swf.user_message("");
    } else {
        swf.system_message("\n\nしゃしんの　アドレスをにゅうりょくして\nよみこむ　をクリックしてください。");
        swf.user_message("しかし　なにもおこなかった。");
    }
    return true;
}

var words = [
   "おお！　ゆうしゃ　．．．．よ",
   "．．．．が　つぎのレベルになるには\nあと２０の　けいけんが　ひつようじゃ",
   "へんじがない。\nただのしかばねのようだ…",
   "なかまにしてほしそうに　こちらを\nみている。なかまにしますか？",
   "＊「そのほうこうには だれもいない。",
   "けんじゃのいしをふりかざした！",
   "ぐうぐう……",
   "しかし　なにもおこらなかった。\n　　　　　　　　　｛",
   "しんでしまうとは　ふがいない！",
   "ふっかつの　じゅもんが　ちがいます。",
   "｝はい　　　いいえ",
   "．．．．があらわれた！",
   "．．．．は　にげだした！\nしかし　かこまれてしまった！",
   "．．．．が　みがまえるより　はやく\n。。。。は　おそいかかってきた！",
   "８０の　ダメージを　うけた！",
   "メガンテを　となえた！\n．．．．は　くだけちった！",
   "ラリホーを　となえた！\n．．．．を ねむらせた！ ",
   "メダパニを　となえた！\n．．．．は こんらんしてしまった。",                                                    
   "ザオラルをとなえた。\nなんと．．．．がいきかえった！",                                                         
   "つうこんの　いちげき！",
   "しかし　ＭＰがたりない",
   "パルプンテを　となえた！"
];

function photo_loaded(url) {
    swf.user_message_editable(true);
    $('#photo_url').val(url);
    var html = '<li class="center"><hr /><b class="large">例文</b><br />クリックで枠内に入力されます。<hr /></li>';
    $.each(words, function(i, v) {
        html += '<li><a href="javascript:swf.user_message(words[' + i + ']);void(0)">' 
             + v.replace(/\n.+/, '') + '</a></li>';
    });    
    $('#random').html(html);
    $('#f:hidden').fadeIn('slow');

}

function set_value(f) {
    var txt = swf.user_message();
    if (txt && txt != "null") {
        f.message.value = txt;
        return true;
    } else {
        $('#f').prepend("<b class=red>なにも入力されていません！</b><br />");
        return false;
    }
}
</script>

<form id="f" class="hide center" action="[% c.uri_for('create') %]" method="post" onsubmit="return set_value(this)">
<input type="hidden" id="photo_url" name="photo_url" />
<input type="hidden" id="message" name="message" />
<p><b>上の黒い枠の中に、直接文字を入力できます。</b><br />
    使えるのは<u>全角の</u>かな・カナといくつかの英数字です。
    <a href="http://slime4.hp.infoseek.co.jp/font/font.html" target="_blank">文字の一覧はこちら</a>。<br />
    完成したら、下の「さくせい」ボタンをクリックしてください。</p>

<input type="submit" value="　さくせい　" class="bold" /><br />
<br />
<input type="checkbox" name="listing" value="1" checked id="listing" />
右側の写真に出してもいいです<br />

<div class="left">
    <a href="[% c.uri_for('/') %]">&laquo; もどる</a>
</div>
</form>

[% END # WRAPPER %]