var TIANGAN = [["Jia", "Yang Wood"], ["Yi", "Yin Wood"], ["Bing", "Yang Fire"], ["Ding", "Yin Fire"], ["Wu", "Yang Earth"], ["Ji", "Yin Earth"], ["Geng", "Yang Metal"], ["Xin", "Yin Metal"], ["Ren", "Yang Water"], ["Gui", "Yin Water"]];
var DIZHI = [
    ["Zi", "Rat", "Yang Water"],
    ["Chou", "Ox", "Yin Earth"],
    ["Yin", "Tiger", "Yang Wood"],
    ["Mao", "Rabbit", "Yin Wood"],
    ["Chen", "Dragon", "Yang Earth"],
    ["Si", "Snake", "Yin Fire"],
    ["Wu", "Horse", "Yang Fire"],
    ["Wei", "Goat", "Yin Earth"],
    ["Shen", "Monkey", "Yang Metal"],
    ["You", "Rooster", "Yin Metal"],
    ["Xu", "Dog", "Yang Earth"],
    ["Hai", "Pig", "Yin Water"]

];

var displayBazi = function(mingpan){
    //$('output').innerHTML = JSON.encode(mingpan)
    $('bazi').empty();
    $('dayun').empty();
    
    
    
    $('bazi').appendChild( createTile(mingpan.bazi.time) );
    $('bazi').appendChild( createTile(mingpan.bazi.day) );
    $('bazi').appendChild( createTile(mingpan.bazi.month) );
    $('bazi').appendChild( createTile(mingpan.bazi.year) );

    for(i=1;i<=mingpan.dayun.length;i++){
        $('dayun').appendChild(createTile(mingpan.dayun[mingpan.dayun.length - i]));
    }

    $('display').style.display = "";

    $('info_input').style.display='none'
    $('logo-large').style.display = 'none'

    // fillup personal info display

    $('info_display_name').innerHTML = $('varName').value
    $('info_display_sex').innerHTML = $('varSex').value =='m'? "Male":"Female"
    $('info_display_dob').innerHTML = $('varDay').value + "/" + $('varMonth').value + "/" + $('varYear').value 
    
    $("info_display_time").innerHTML = $('varHour').value + ":" + $('varMinute').value;

} // END displayBazi

var edit = function(){
    $('display').style.display = "none";

    $('info_input').style.display=''
    $('logo-large').style.display = ''
}


var query = function(){
    BaziManager.get(
        $('varSex').value,
        $('varYear').value,
        $('varMonth').value,
        $('varDay').value,
        $('varHour').value,
        $('varMinute').value,
        displayBazi)
}


var createTile = function(tile){
    var el = new Element('div', {
        'class': 'tile'
    });

    var el_title = new Element("div", {
        'class' : "tile-title"
    })



    // setup tian gan

    var el_tiangan_1 = new Element('div', {
        'class': "tile-tiangan-1"
    });
    el_tiangan_1.innerHTML = TIANGAN[tile.tiangan.number][0]

    var el_tiangan_2 = new Element("div", {
        "class":"tile-tiangan-2"
    });
    el_tiangan_2.innerHTML = tile.tiangan.text;

    var el_tiangan_3 = new Element('div', {
        'class': "tile-tiangan-3"
    });
    el_tiangan_3.innerHTML = TIANGAN[tile.tiangan.number][1]




    var el_tianganGod = new Element('div', {
        'class': 'tile-tiangan-god'
    });
    el_tianganGod.innerHTML = tile.god;


    var el_dizhi_1 = new Element("div", {'class': 'tile-dizhi-1'});
    el_dizhi_1.innerHTML = DIZHI[tile.dizhi.number][0]

    var el_dizhi_2 = new Element("div", {'class':'tile-dizhi-2'})
    el_dizhi_2.innerHTML = tile.dizhi.text;

    var el_dizhi_3 = new Element("div", {'class':'tile-dizhi-3'})
    el_dizhi_3.innerHTML = DIZHI[tile.dizhi.number][1]

    var el_dizhi_4 = new Element("div", {'class':'tile-dizhi-4'})
    el_dizhi_4.innerHTML = DIZHI[tile.dizhi.number][2];




    var el_changsheng = new Element('div', {
        'class': "tile-changsheng"
    })
    el_changsheng.innerHTML = tile.changsheng.replace(/\r\n/, "<br/>");


    var el_dizhiGods = new Element("div", {
        'class': 'tile-dizhi-god'
    });

    tile.hidden_gods.each(function(god){
        el_dizhiGods.innerHTML += god + "<br/>";
    })

    el_title.innerHTML = tile.title
    el.appendChild(el_title);
    el.appendChild(el_tiangan_1);
    el.appendChild(el_tiangan_2);
    el.appendChild(el_tiangan_3);

    el.appendChild(el_tianganGod);
    //el.appendChild(el_dizhiImage);
    el.appendChild(el_dizhi_1)
    el.appendChild(el_dizhi_2)
    el.appendChild(el_dizhi_3)
    el.appendChild(el_dizhi_4)
    
    //el.appendChild(el_changsheng);
    el.appendChild(el_dizhiGods);

    return el;
}


yearList = []
monthList = []
dayList =[]
hourList = []
minuteList = []
for(i=1900;i<2051;i++){
    yearList.include(i)
}

for(i=1;i<13;i++){
    monthList.include(i)
}

for(i=1;i<32;i++){
    dayList.include(i)
}

for(i=0;i<24;i++){
    hourList.include(i)
}

for(i=0;i<60;i++){
    minuteList.include(i)
}




var preloadImages = function(){
    for(i=0;i<12;i++){
        (new Image()).src = 'images/dizhi-'+i+".jpg";
    }

    for(i=0;i<10;i++){
        (new Image()).src = 'images/tiangan-'+i+".jpg";
    }
}