function getArgs () {
    var args = new Object();
    var query = location.search.substring(1);
    query = decodeURIComponent( query );
    var pairs = query.split("&");
    for ( var i = 0; i < pairs.length; i++ ) {
        var pos = pairs[i].indexOf('=');
        if ( pos == -1 ) continue;
        var argname = pairs[i].substring( 0, pos );
        var value = pairs[i].substring( pos + 1 );
        args[argname] = value;
    }
    return args;
}

function backchange(bgcolor) {
    var td = document.getElementsByTagName('td');
    for (var i=0;i<td.length;i++) {
        if( td[i].className == '' && td[i].innerHTML != '' ){
            td[i].style.backgroundColor=bgcolor;
        }
    }
}

function get_id () {
	var args = getArgs();	
	var id = args.id;
	if ( id === void 0 ) return false;
	if ( !(/^[0-9]*$/ ).test( id ) ) return false;
	if ( id > 1000 ) return false;
	return id;
}

function set_current_counter() {
    var id = get_id();
    if ( id ) {
        document.getElementById('current_counter').src= '../counter/' + get_id() + '.gif';
    } else {
        document.getElementById('ax-preview').innerHTML = '';
    }
}

function back2cocolog(id) {
    var o = window.opener
    if ( o && o.location ) {
        o.CCAX_setImageID(id);
        window.close();
    }
}

function make_list() {
	var html = '';
	html += '<table border="0" cellspacing="0" cellpadding="0"> ';
    for (var i=0;i<id.length;i++) {
        if ( i % 2 == 0 ) {
            html += '<tr><td class="left-number"><a href="javascript:back2cocolog(' + id[i] + ')">' + id[i] + '</a></td><td><a href="javascript:back2cocolog(' + id[i] + ')"><img src="../counter/' + id[i] + '.gif" /></a></td>'
        } else {
               html += '<td class="right-number"><a href="javascript:back2cocolog(' + id[i] + ')">' + id[i] + '</a></td><td><a href="javascript:back2cocolog(' + id[i] + ')"><img src="../counter/' + id[i] + '.gif" /></a></td></tr>'
        }
    }
    if ( id.length % 2 == 1 ){
        html += '<td></td><td></td></tr>';
    }
	html += '</table>';
	document.getElementById('ax-list-content').innerHTML = html;
}

function init_palette() {
    var div = document.getElementById( 'tc-colorpicker-colors' );
    var a = div.getElementsByTagName( 'a' );
    for (var i=0;i<a.length;i++) {
        a[i].onclick = function () {
            backchange(this.style.backgroundColor);
        }
    }
}

function init() {
    set_current_counter();
    init_palette();
    make_list();
}