﻿function getcount(cc){
    var arr=document.getElementById('txt_jpg').value.split(';')
    if (arr.length>7){
       alert('最多8張圖檔 !');
       return "enough";
    }else{
       return "ok";
    }
}
function in_jpg(name) {
    var arr=document.getElementById('txt_jpg').value.split(';')
    if (arr.length>7){
       alert('最多8張圖檔');
       return false;
    }
  
    var txt_jpg_value=document.getElementById('txt_jpg').value;
    //若空白開始 
    if (txt_jpg_value==""){
        document.getElementById('txt_jpg').value=name; 
    }else{
        document.getElementById('txt_jpg').value=txt_jpg_value + ";" +name; 
    }
    show_jpg();
}

function show_jpg(){
	var a_str="";
    if (document.getElementById('txt_jpg').value != ""){
        var arr=document.getElementById('txt_jpg').value.split(';')
        var arr_title=document.getElementById('txt_jpg_title').value.split(';')
	    for(var i=0; i < arr.length;i++){
		    a_str += "<div>"+(i+1)+". "+ arr[i]+"&nbsp;&nbsp;抬頭名稱 <input type='text' id='txttitle"+i+"' onkeyup=chg_jpg_array()  onfocus=this.style.backgroundColor='pink' onblur=this.style.backgroundColor='white' style='font-size:Medium;width:300px;' /> <a href='#' onclick=scale_jpg('"+arr[i]+"','"+i+"');>顯示</a>&nbsp;&nbsp;<a href='#' onclick=re_jpg('"+arr[i]+"');>移除</a></div>";
	    }
    }
    document.getElementById('show_jpg').innerHTML=a_str;

	if (document.getElementById('txt_jpg').value== ""){  //補bug
	   document.getElementById('txt_jpg_title').value= "";
	   window.focus(); 
       event.returnValue =false;
       return false;
    }else{
        var arr_title=document.getElementById('txt_jpg_title').value.split(';')
        for(var i=0; i < arr_title.length;i++){
            document.getElementById('txttitle'+i).value = arr_title[i];
        }
        window.focus(); 
        document.getElementById('txttitle'+String(arr_title.length-1)).focus();
        chg_jpg_array();
        event.returnValue =false;
    }
}

function re_jpg(jpg) {
    var arr=document.getElementById('txt_jpg').value.split(';')
    var arr_title=document.getElementById('txt_jpg_title').value.split(';')
    //歸0
    document.getElementById('txt_jpg').value = "" ;
	for(var i=0; i < arr.length;i++)
	{
	   if (arr[i]==jpg){
	      // alert(jpg);
	   }else{
            var txt_jpg_value=document.getElementById('txt_jpg').value;
            var txt_jpg_title_value=document.getElementById('txt_jpg_title').value;
            //若空白開始 
            if (txt_jpg_value==""){
                document.getElementById('txt_jpg').value=arr[i]; 
                document.getElementById('txt_jpg_title').value=arr_title[i]; 
            }else{
                document.getElementById('txt_jpg').value=txt_jpg_value + ";" +arr[i]; 
                document.getElementById('txt_jpg_title').value=txt_jpg_title_value + ";" +arr_title[i]; 
            }
	   }
	}
	show_jpg();
    event.returnValue =false;
}

function scale_jpg(jpg,i){
    var txttitle=escape(document.getElementById('txttitle'+i).value);
	var w=window.open("/default/talk/scale_jpg.aspx?jpg="+jpg+"&txttitle="+txttitle,"ajpg","directories=no,status=no,toolbar=no,menubar=no,resizable=yes,scrollbars=yes,width=600,height=600,left=180,top=0",false);
	w.focus();
	event.returnValue =false;
}  

function chg_jpg_array(){
    //用原始
    var arr=document.getElementById('txt_jpg').value.split(';');
    //歸0
    document.getElementById('txt_jpg_title').value="";
	for(var i=0; i < arr.length;i++)
	{
        if (i==arr.length-1){   //為 ;
            document.getElementById('txt_jpg_title').value += document.getElementById('txttitle'+i).value; 
        }else{
            document.getElementById('txt_jpg_title').value += document.getElementById('txttitle'+i).value + ";";
        }
	}
}