if (! Clip ) var Clip = {};


Clip.Town = {};

Clip.Town.Form = {};

Clip.Town.Form.disable = function(img) {
    $('disable').value = 1;
    $(img).src = "/image/indicator2.gif";
    setTimeout(function() { $('disable').value=0 }, 10000);
}

Clip.Town.changeMain = function(type){
    if(type == 'movie'){
        $('movie_on').style.display = '';
        $('movie_off').style.display = 'none';
        $('photo_on').style.display = 'none';
        $('photo_off').style.display = '';
        $('main_pic').style.display = 'none';
        $('main_mov').style.display = '';
    }else if(type == 'photo'){
        $('movie_on').style.display = 'none';
        $('movie_off').style.display = '';
        $('photo_on').style.display = '';
        $('photo_off').style.display = 'none';
        $('main_pic').style.display = '';
        $('main_mov').style.display = 'none';
    }
}

Clip.Town.getGenre2 = function(id) {
    var url = '/rest/town/genre2/';
    var pars = "format=json";
    var myAjax = new Ajax.Request(
                                  url + (id.value ? id.value : id),
                                  {method: 'get', parameters: pars, onComplete: this.gotGenre2}
                                  );
}

Clip.Town.gotGenre2 = function(req){

    var new_genre2 = eval("(" + req.responseText+")");
    var genre2 = $('genre2');
    genre2.innerHTML = '';
    var option = document.createElement('option');
    option.innerHTML = '-------';
    genre2.appendChild(option);
    new_genre2.genre2.each(function(d){
            option = document.createElement('option');
            option.value = d.id;
            option.innerHTML = d.name;
            genre2.appendChild(option);
        });
}

Clip.Town.getStation = function(id) {
    var url = '/rest/town/station/';
    var pars = "format=json";
    var myAjax = new Ajax.Request(
                                  url + id.value,
                                  {method: 'get', parameters: pars, onComplete: this.finalizeStation}
                                  );
}
Clip.Town.finalizeStation = function(req) {

    var new_station = eval("(" + req.responseText+")");
    var station = $('station');
    station.innerHTML = '';
    var option = document.createElement('option');
        option.innerHTML = '-------';
        option.value="";
    station.appendChild(option);
    new_station.station.each(function(d){
            var option = document.createElement('option');
            option.value = d.id;
            option.innerHTML = d.name;
            station.appendChild(option);
        });
}

Clip.Town.changeMenu = function(mode){
    if(mode){
        $('sort_menu2').style.display='';
        $('sort_menu1').style.display='none';
        $('gourmet_menu').style.display='';
        $('gourmet_normal').style.display='none';
    }else{
        $('sort_menu2').style.display='none';
        $('sort_menu1').style.display='';
        $('gourmet_menu').style.display='none';
        $('gourmet_normal').style.display='';
    }


}

Clip.Town.Upload = Class.create();

Clip.Town.Upload.prototype = {
    initialize: function() {
        document.finish = this.finish.bind(this);
    },
    toggleForm: function() {
        Effect.toggle('form_container', 'blind', { duration: 0.3 });
        if (this.message) Element.update($('message'), this.message);
        return false;
    },
    del: function(target, sfx) {

        var img = 'img_' + target;
        var edit = 'edit_' + target;
        var url = '/rest/town/photo/delete'+ (sfx ? sfx : '')+'/';
        var pars = 'format=json&' + new Date().getTime();
        var myAjax = new Ajax.Request(
                                      url + target, {method: 'get', parameters: pars }
                                      );
        if($(target)){
            $(target).style.display = '';
        }
        $(edit).style.display = 'none';
        $(img).src = "/image/not/not.gif";
        if(target == 'photo1'){
            if($(target + '_clip_div')){
                $(target + '_clip_div').style.display = 'none';
                $(img + '_clip').src = "/image/not4.gif";
            }
        }
        $(img).width = 100;
        $(img).height = 75;
        //  $('form_'+target).reset();
    },
    edit: function(target){
        $(target).style.display = '';
        var edit = 'edit_' + target;
    },

    start: function() {
        if (!this.message) this.message = $('message').innerHTML;
        Element.update($('message'), '<img src="/indicator.gif" />');
    },

    finish: function(filename, id, width , height) {
        if (filename.match(/^\w+\.\w+$/)) {
            $(id).style.display = 'none';
            var edit = 'edit_' + id;
            $(edit).style.display = '';
            $('img_' + id).src = '/image/album/'+filename;
            var clip_filename = filename.replace(".", "_clip.");
            if(id == 'photo1'){
                if($(id + '_clip_div')){
                    $(id + '_clip_div').style.display = '';
                    $('img_' + id + '_clip').src = '/image/album/'+clip_filename;
                }
            }
            $('img_' + id).width = width;
            $('img_' + id).height = height;
            $('disable').value=0;
        }
        else {
            Element.update($('message'), filename+' <a href="#" onclick="app.toggleForm()">close</a>');
        }
    }
};

var upload = new Clip.Town.Upload();


Clip.Town.Address = Class.create();

Clip.Town.Address.prototype = {
    initialize: function() {
        this.timeout;
        this.zip;
    },
    onfocus: function(zip){
        if(this.zip.length  != zip.length){
            this.get(zip);
            this.zip = zip;
        }
        this.timeout = setTimeout(this.onfocus, 100);
    },
    onblur: function(){
        clearTimeout(this.timeout);
    },
    get: function(zip) {
        var url = '/rest/address/zipcode/';
        if(zip.length == 0){
            var pref = $('pref');
            pref.value = '';
            var addr = $('address1');
            addr.value = '';
        }else{
            var pars = "format=json&zip=" + zip;
            var myAjax = new Ajax.Request(
                                          url,{method: 'post', parameters: pars, onComplete: this.finalize}
                                          );
        }
    },
    finalize: function(req) {
        var address = eval("(" + req.responseText+")");
        if(address.detail[0].pref == '神奈川県'){
            var pref = $('pref');
            pref.value = address.detail[0].pref;
            var addr = $('address1');
            addr.value = address.detail[0].address;
            if ($('default_lat') && $('default_lng')) {
                $('default_lat').value = address.detail[0].lat;
                $('default_lng').value = address.detail[0].lng;
            }
        }
    }
}


var address = new Clip.Town.Address();


Clip.Town.lessonSubmit = function(){
    if(!$('disable') || $('disable').value != 1){
        $('form').content.value =  $('dummy_content').value;
        $('form').caption1.value =  $('dummy_caption1').value;
        $('form').caption2.value =  $('dummy_caption2').value;
        $('form').caption3.value =  $('dummy_caption3').value;
        $('form').caption4.value =  $('dummy_caption4').value;
        $('form').caption5.value =  $('dummy_caption5').value;
        $('form').caption6.value =  $('dummy_caption6').value;
        $('form').caption7.value =  $('dummy_caption7').value;
        $('form').caption8.value =  $('dummy_caption8').value;
        $('form').caption9.value =  $('dummy_caption9').value;
        $('form').caption10.value =  $('dummy_caption10').value;
        $('form').movie_caption.value =  $('dummy_movie_caption').value;
        $('form').submit();
    }
}

Clip.Town.gourmetSubmit = function(){
    if(!$('disable') || $('disable').value != 1){
        $('form').menu.value =  $('dummy_menu').value;
        $('form').content.value =  $('dummy_content').value;
        $('form').caption1.value =  $('dummy_caption1').value;
        $('form').caption2.value =  $('dummy_caption2').value;
        $('form').caption3.value =  $('dummy_caption3').value;
        $('form').caption4.value =  $('dummy_caption4').value;
        $('form').caption5.value =  $('dummy_caption5').value;
        $('form').caption6.value =  $('dummy_caption6').value;
        $('form').caption7.value =  $('dummy_caption7').value;
        $('form').caption8.value =  $('dummy_caption8').value;
        $('form').caption9.value =  $('dummy_caption9').value;
        $('form').caption10.value =  $('dummy_caption10').value;
        $('form').movie_caption.value =  $('dummy_movie_caption').value;
        $('form').submit();
    }
}

Clip.Town.houseSubmit = function(){
    if(!$('disable') || $('disable').value != 1){
        $('form').content.value =  $('dummy_content').value;
        $('form').caption1.value =  $('dummy_caption1').value;
        $('form').caption2.value =  $('dummy_caption2').value;
        $('form').caption3.value =  $('dummy_caption3').value;
        $('form').caption4.value =  $('dummy_caption4').value;
        $('form').caption5.value =  $('dummy_caption5').value;
        $('form').caption6.value =  $('dummy_caption6').value;
        $('form').caption7.value =  $('dummy_caption7').value;
        $('form').caption8.value =  $('dummy_caption8').value;
        $('form').caption9.value =  $('dummy_caption9').value;
        $('form').caption10.value =  $('dummy_caption10').value;
        $('form').movie_caption.value =  $('dummy_movie_caption').value;
        $('form').submit();
    }
}

Clip.Town.defaultSubmit = function(){
    if(!$('disable') || $('disable').value != 1){
        $('form').caption1.value =  $('dummy_caption1').value;
        $('form').caption2.value =  $('dummy_caption2').value;
        $('form').caption3.value =  $('dummy_caption3').value;
        $('form').caption4.value =  $('dummy_caption4').value;
        $('form').caption5.value =  $('dummy_caption5').value;
        $('form').caption6.value =  $('dummy_caption6').value;
        $('form').caption7.value =  $('dummy_caption7').value;
        $('form').caption8.value =  $('dummy_caption8').value;
        $('form').caption9.value =  $('dummy_caption9').value;
        $('form').caption10.value =  $('dummy_caption10').value;
        $('form').movie_caption.value =  $('dummy_movie_caption').value;
        $('form').submit();
    }
}

Clip.Town.impressionSubmit = function(){
    if(!$('disable') || $('disable').value != 1){
        if($('dummy_caption1')){
            $('form').caption1.value =  $('dummy_caption1').value;
            $('form').caption2.value =  $('dummy_caption2').value;
            $('form').caption3.value =  $('dummy_caption3').value;
            if($('form').caption4 && $('dummy_caption4')){
                $('form').caption4.value =  $('dummy_caption4').value;
                $('form').caption5.value =  $('dummy_caption5').value;
                $('form').caption6.value =  $('dummy_caption6').value;
                $('form').caption7.value =  $('dummy_caption7').value;
                $('form').caption8.value =  $('dummy_caption8').value;
                $('form').caption9.value =  $('dummy_caption9').value;
                $('form').caption10.value =  $('dummy_caption10').value;
                $('form').movie_caption.value =  $('dummy_movie_caption').value;
            }
        }
        $('form').submit();
    }
}