/**
 * close window
 */
function close_window()
{
	if (opener != null) {
		opener=null;
	} window.close();
}

/**
 * open window
 */
function jump_to(url,name,width,height)
{
	var n = name == null ? 'newwin' : name;
	width = width == null ? '300px' : width;
	height = height == null ? '200px' : height;
	window.open(url,n,"width="+width+",height="+height+",scrollbars=yes,depended=yes,resizable=yes,alwaysraised=yes,z-look=yes");
}

function template( html, datas ) {
    for (var s in datas) {
	var regexp = eval('/#'+s+'#/g');
	html = html.replace(regexp, datas[s]);
    }
    return html;
}

/**
 * option {
 *	head_html : xxx ,
 *	json_data : xxx ,
 *	td_view : [
 *	    '<td class="xxxx">#xxx#</td>',
 *	    '<td class="xxxx">#xxx#</td>'
 *	} ,
 *	show_type : 1 show table, 2 show db
 *  }

 
	return simpleGrid({
	    head_html : '<tr><th>Date</th><th>Vender Cost</th><th>Commission Charge</th><th>Total</th></tr>',
	    json_data : return_value ,
	    data : xxx, 
	    td_view : ['<td>#label#</td>' , '<td>$#value#</td>', '<td>$#paycost#</td>', '<td>$#total#</td>'],
	    foot_html : '<td colspan="4"><a href="#" class="a_page" id="expenses_last"><<</a>&nbsp;&nbsp;<a href="#" class="a_page" id="expenses_next">>></a></td>'
	});


 */
function simpleGrid( option )
{
    var json_data = option.json_data;
    var data = json_data ? $.parseJSON( json_data ) : option.data;
    var td_view = option.td_view;
    var show_type = option.show_type;
    var table = '<table>#tr#</table>';
    var tr = '<tr>#td#</tr>';
    var table_html = '';
    var tr_html = option.head_html;
    var td_html = '';
    for (var i=0; i<data.length; i++) {
	td_html = '';
	for ( var j=0; j<td_view.length; j++ ) {
	    td_html += template( td_view[j], data[i] );
	}
	tr_html += template( tr, {
	    'td':td_html
	} );
    }
    tr_html += option.foot_html;
    if (show_type == 1) {
	table_html += template( table, {
	    'tr':tr_html
	} );
	return table_html;
    }
    return tr_html;
}