function getFileExt(filename) {
    return filename.split('.').pop();
}

(function( $, window, undefined ) {
  $.danidemo = $.extend( {}, {
    
    addLog: function(id, status, str){
      var d = new Date();
      var li = $('<li />', {'class': 'demo-' + status});
       
      var message = '[' + d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds() + '] ';
      
      message += str;
     
      li.html(message);
      
      $(id).prepend(li);
    },
    
    addFile: function(id, i, file){
		i = counter++;
		console.log('addFile i:'+ i);
		g_filenamelist[i] = file.name;
		g_tmpaddfile++;
	
		rightcorner = "";
		action = '';
		
		var colorclass = '';
		if(g_def.def_color == 'Color'){
			colorclass = ' label-danger';
		}
		
		if(g_mobile){
			action = '<td><button class="btn '+colorclass+'" id="item_color_'+i+'" onclick="Change('+i+',\'color\')">'+L(g_def.def_colorl)+'</button></td><td>                                 \
			  <td><button class="btn" id="item_duplex_'+i+'" onclick="Change('+i+',\'duplex\')">'+L(g_def.def_duplexl)+'</button></td><td>\
			  <td><button class="btn" id="item_duplex_'+i+'" onclick="SetAll(\''+i+'\')">'+L('more')+'</button></td>\
			  <td><button class="btn btn-danger" onclick="DeleteJob('+i+')">'+L('delete')+'</button></td>';
		} else {
			rightcorner = '<td class="badge_c;width=25%;" style="float:right">      \
				   <button type="button" class="btn btn-s btn-default" onclick="Preview(\''+i+'\')">'+L('preview')+'</button>			  \
			&nbsp; <button type="button" class="btn btn-s btn-danger" onclick="DeleteJob(\''+i+'\')">'+L('delete')+'</button></td>';
			
			action = '                                          \
			  <td><button class="btn '+colorclass+'" id="item_color_'+i+'" onclick="Change('+i+',\'color\')">'+L(g_def.def_colorl)+'</button></td><td>                                 \
			  <td><button class="btn" id="item_duplex_'+i+'" onclick="Change('+i+',\'duplex\')">'+L(g_def.def_duplexl)+'</button></td><td>                               \
			  <td>';
			  //if( (getFileExt(file.name).toUpperCase() == 'JPG') || (getFileExt(file.name).toUpperCase() == 'PNG')){
				action += '<button class="btn" id="item_size_'+i+'" onclick="Change('+i+',\'size\')">'+show_size+'</button>';
			  //} else {
			//	action += '<button class="btn" >'+L('Auto')+'</button>';
			  //}
			  action += '</td><td>                                     \ <td>                                                                                                                                   \
			  <div class="input-group spinner">                                                                                                      \
				<span class="input-group-addon">'+L('copy')+'</span>                                                                                            \
				<input type="text" class="form-control" value="1" style="width:50px;" id="item_copy_'+i+'" onkeyup="ClearCopyNoNum(this,'+i+')" >  \
				<div class="input-group-btn-vertical">                                                                                               \
				  <button class="btn btn-default" type="button" onclick="Change('+i+',\'copyup\')"><i class="fa fa-caret-up">+</i></button>          \
				  <button class="btn btn-default" type="button" onclick="Change('+i+',\'copydown\')"><i class="fa fa-caret-down">-</i></button>      \
				</div>                                                                                                                               \
			  </div>	                                                                                                                             \
			  </td>                                                                                                                        \
			  <td>                                                                                                                                   \
			<div class="input-group">                                                                                                                \
			  <span class="input-group-addon">'+L('range')+'</span>                                                           								 \
			  <input type="text" class="form-control" style="width:110px;" id="item_range_'+i+'" placeholder="'+L('rangehint')+'" onkeyup="clearPrintRange(this)"  onblur="RangeUpdate('+i+')">                                          																   \
			</div>                                                                                                                                   \
			 <td>												 \
			</td>   \                                                                                         \
			  ';

			  if( (getFileExt(file.name).toUpperCase() == 'XLS') || (getFileExt(file.name).toUpperCase() == 'XLSX')){
				action += '<td><div class="checkbox">\
				  <label>\
				    <input type="checkbox" id="checkbox_xls_'+i+'" value="" onclick="ExcelSel(\''+i+'\')">'+L('all_sheets')+'\
				  </label>\
				</div>\
				</td>\    ';
			  } else if(getFileExt(file.name).toUpperCase() == 'PDF'){
				  action += '<td><div class="checkbox">\
				  <label>\
				    <input type="checkbox" id="checkbox_pdf_'+i+'" value="" onclick="ImagePrint(\''+i+'\')">'+L('printasimage')+'\
				  </label>\
				</div>\
				</td>\    ';
			  }

		}
		
		var template = 
'                                                                                                                                                    \
			<div class="panel panel-default" id="jobpanel_'+i+'">                                                                    					 \
			  <div class="panel-heading filename">                                                                                                   \
			  <table style="width:100%;table-layout:fixed;"><tr><td width="75%">                                                                                                 \
			  <b>'+file.name+' - <span id="item_pagecount_'+i+'">1页</span></b>                                                                                         							 \
			  </td>'+rightcorner+'</tr></table>                    \
			  </div>                                                                                                                                 \
			  <div class="panel-body">                                                                                                               \
			  <table><tr>                                                                                  '+action+'</tr></table>                                                                                                                          \
			  </div>                                                                                                                                 \
			</div> <!--panel item-->                                                                                                                 \
';
		$(id).prepend(template);
	},
	
	updateFileStatus: function(i, status, message){
		$('#demo-file' + i).find('span.demo-file-status').html(message).addClass('demo-file-status-' + status);
	},
	
	updateFileProgress: function(i, percent){
		$('#demo-file' + i).find('div.progress-bar').width(percent);
		
		$('#demo-file' + i).find('span.sr-only').html(percent + ' Complete');
	},
	
	humanizeSize: function(size) {
      var i = Math.floor( Math.log(size) / Math.log(1024) );
      return ( size / Math.pow(1024, i) ).toFixed(2) * 1 + ' ' + ['B', 'kB', 'MB', 'GB', 'TB'][i];
    }

  }, $.danidemo);
})(jQuery, this);