/*
dispcontent()
*/

/*サムネイル表示*/
function getTHUMB(e){

    var target_node;
    var target_url;

    if(e.target){
        target_node = e.target;
    }else{
        target_node = e.srcElement;
    }

    // safari対策
    if(target_node.nodeType == 3){
        target_node = target_node.parentNode;
    }

    // ブラウザを判定して取得するテキストの名前を変更
    var ua = navigator.userAgent;
    if(ua.indexOf('MSIE') != -1){
        var textnum = '000_ie.txt';
    }else{
        var textnum = '000.txt';
    }

    // 取得するテキストのURLを作成
    target_url = text_dir + target_node.id + '/' + target_node.id + textnum;

    var funcRef = function(html_data){
        document.getElementById('thumbbox').innerHTML = html_data;
        setListenersThumb();
    }

    httpRequest(target_url,funcRef);

}


/*サムネイルクリックで動作する関数の定義*/
function dispParts(partsName,fileName){

    // ブラウザを判定してプレビュー表示のためのHTMLを作成
    var ua = navigator.userAgent;
    if(ua.indexOf('MSIE') != -1){

        var img = '<div style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' + eval(partsName + '_dir') + fileName + ');width:96px;height:96px;"></div>';

    }else{

        var img = '<img src="' +  eval(partsName + '_dir') + fileName + '" />';

    }

    // プレビュー表示
    document.getElementById(partsName + 'layer').innerHTML = img;

    // パスをフォームに格納
    document.getElementById(partsName + 'form').value = eval(partsName + '_dir') + fileName;

}


/*サムネイルクリックで動作する関数の定義*/
/*移動パーツ専用*/
function dispMoveParts(partsName,fileName){

    // ブラウザを判定してプレビュー表示のためのHTMLを作成
    var ua = navigator.userAgent;
    if(ua.indexOf('MSIE') != -1){

        var img = '<div style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' + eval(partsName + '_dir') + fileName + ');width:96px;height:96px;"></div>';

    }else{

        var img = '<img src="' +  eval(partsName + '_dir') + fileName + '" />';

    }

    // プレビュー表示
    document.getElementById(partsName + 'layer').innerHTML = img;

    // パスをフォームに格納
    document.getElementById(partsName + 'form').value = eval(partsName + '_dir' ) + fileName;

    // 位置を元に戻す
    document.getElementById(partsName + 'layer').style.top = "0px";
    document.getElementById(partsName + 'layer').style.left = "0px";

    // フォームに格納した位置の値を0にする
    document.getElementById(partsName + 'top').value = "0";
    document.getElementById(partsName + 'left').value = "0";

}


/*サムネイルクリックで動作する関数の定義*/
/*左右に分割した移動パーツ専用*/
function dispDivParts(partsName,fileName){

    /* 左のパーツ */

    // ブラウザを判定してプレビュー表示のためのHTMLを作成
    var ua = navigator.userAgent;
    if(ua.indexOf('MSIE') != -1){

        var img = '<div style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' + eval(partsName + '_dir') + 'l_' + fileName + ');width:96px;height:96px;"></div>';

    }else{

        var img = '<img src="' +  eval(partsName + '_dir') + 'l_' + fileName + '" />';

    }

    // プレビュー表示
    document.getElementById(partsName + 'llayer').innerHTML = img;

    // パスをフォームに格納
    document.getElementById(partsName + 'lform').value = eval(partsName + '_dir') + 'l_' + fileName;

    // 位置を元に戻す
    document.getElementById(partsName + 'llayer').style.top = "0px";
    document.getElementById(partsName + 'llayer').style.left = "0px";

    // フォームに格納した位置の値を0にする
    document.getElementById(partsName + 'ltop').value = "0";
    document.getElementById(partsName + 'lleft').value = "0";

    /* 右のパーツ */

    // ブラウザを判定してプレビュー表示のためのHTMLを作成
    var ua = navigator.userAgent;
    if(ua.indexOf('MSIE') != -1){

        img = '<div style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' + eval(partsName + '_dir') + 'r_' + fileName + ');width:96px;height:96px;"></div>';

    }else{

        img = '<img src="' +  eval(partsName + '_dir') + 'r_' + fileName + '" />';

    }

    // プレビュー表示
    document.getElementById(partsName + 'rlayer').innerHTML = img;

    // パスをフォームに格納
    document.getElementById(partsName + 'rform').value = eval(partsName + '_dir') + 'r_' + fileName;

    // 位置を元に戻す
    document.getElementById(partsName + 'rlayer').style.top = "0px";
    document.getElementById(partsName + 'rlayer').style.left = "0px";

    // フォームに格納した位置の値を0にする
    document.getElementById(partsName + 'rtop').value = "0";
    document.getElementById(partsName + 'rleft').value = "0";

}


/*サムネイルクリックで動作する関数の定義*/
/*ヘアー専用*/
function dispHair(partsName,fileName){

    /* ヘアー前 */

    // ブラウザを判定してプレビュー表示のためのHTMLを作成
    var ua = navigator.userAgent;
    if(ua.indexOf('MSIE') != -1){

        var img = '<div style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' + eval(partsName + '_dir') + fileName + ');width:96px;height:96px;"></div>';

    }else{

        var img = '<img src="' +  eval(partsName + '_dir') + fileName + '" />';

    }

    // ヘアーをプレビュー表示
    document.getElementById(partsName + 'layer').innerHTML = img;

    // ヘアーのパスをフォームに格納
    document.getElementById(partsName + 'form').value = eval(partsName + '_dir') + fileName;


    /* ヘアー後 */

    // ブラウザを判定してプレビュー表示のためのHTMLを作成
    var ua = navigator.userAgent;
    if(ua.indexOf('MSIE') != -1){

        img = '<div style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' + eval(partsName + '_dir') + 'back' + fileName + ');width:96px;height:96px;"></div>';

    }else{

        img = '<img src="' + eval(partsName + '_dir') + 'back' + fileName + '" />';

    }

    // バックヘアーをプレビュー表示
    document.getElementById('back' + partsName + 'layer').innerHTML = img;

    // バックヘアーのパスをフォームに格納
    document.getElementById('back' + partsName + 'form').value = eval(partsName + '_dir') + 'back' + fileName;

}


/*サムネイルクリックでプレビューに画像表示*/
function dispcontent(e){

    var target_node;

    if(e.target){
        target_node = e.target;
    }else{
        target_node = e.srcElement;
    }

    // safari対策
    if(target_node.nodeType == 3){
        target_node = target_node.parentNode;
    }

    var file_name = document.getElementById(target_node.id + 'filename').value;

    if(file_name.indexOf('hair') != -1){

        dispHair('hair',file_name);

    }else if(file_name.indexOf('glasses') != -1){

        dispMoveParts('glasses',file_name);

    }else if(file_name.indexOf('eyebrows') != -1){

        dispDivParts('eyebrows',file_name);

    }else if(file_name.indexOf('eyes') != -1){

        dispDivParts('eyes',file_name);

    }else if(file_name.indexOf('nose') != -1){

        dispMoveParts('nose',file_name);

    }else if(file_name.indexOf('mouth') != -1){

        dispMoveParts('mouth',file_name);

    }else if(file_name.indexOf('cheeks') != -1){

        dispDivParts('cheeks',file_name);

    }else if(file_name.indexOf('outline') != -1){

        dispParts('outline',file_name);

    }else if(file_name.indexOf('background') != -1){

        dispParts('background',file_name);

    }

}


/*サムネイルのナビゲーション*/
function thumbNavi(e){

    var target_node;
    var target_url;

    if(e.target){
        target_node = e.target;
    }else{
        target_node = e.srcElement;
    }

    // safari対策
    if(target_node.nodeType == 3){
        target_node = target_node.parentNode;
    }

    if(target_node.id == 'next'){
        target_url = document.getElementById('nextpage').childNodes[0].nodeValue;
    }else{
        target_url = document.getElementById('backpage').childNodes[0].nodeValue;
    }

    var funcRef = function(html_data){
        document.getElementById('thumbbox').innerHTML = html_data;
        setListenersThumb();
    }

    httpRequest(target_url,funcRef);

}