var SORT_COLUMN_INDEX;
var forced_to_sortnum = ['Inquiry/Visits', 'Payed/Inquiry', 'Payed/Visits', '#', 'Price', 'Refund'];
var forced_to_sortstring = ['Domain', 'Login', 'Order title', 'Operator', 'Writer'];

function oc(a){
  var o = {};
  for(var i=0;i<a.length;i++){
    o[a[i]]='';
  }
  return o;
}

function sortables_init(){
    // Find all tables with class sortable and make them sortable
    if (!document.getElementsByTagName("table"))
        return;
    var tbls = document.getElementsByTagName("table");
    for (var ti = 0; ti < tbls.length; ti++) {
        var thisTbl = tbls[ti];
        if (((' ' + thisTbl.className + ' ').indexOf("sortable") != -1) && (thisTbl.id)) {
            ts_makeSortable(thisTbl);  
            makeStripe(thisTbl);
                 
        }
    }
}

//---------------------------------------------------------//

function makeStripe(thisTbl){
    //make thead always at the top of ok div
    var new_t = $('.scroll_table table.sortable thead tr:first-child').html();
    if ($('.scroll_table table.sortable thead tr').size() < 2){
        $('.scroll_table table.sortable thead').append('<tr style="visibility:hidden">' + new_t + '</tr>');
    }
    //position: absolute; z-index: 99; margin: 0; padding: 0; width: 100%; background: #FFF;
    var thead_rows = $('.scroll_table table.sortable > thead > tr:first-child > td');
    var thead_rows2 = $('.scroll_table table.sortable > thead > tr:last-child > td');
    var t_rows = $('.scroll_table table.sortable > tbody > tr:first-child > td');
    var k = 0;
    t_rows.each(function(){
        thead_rows.eq(k)
        .css('width', (this.offsetWidth) + 'px')
        .css('height', '10px !important')
        .css('padding', 0).css('border', 'none');
        thead_rows2.eq(k)
        .css('width', (this.offsetWidth) + 'px')
        .css('height', '10px !important')
        .css('padding', 0).css('border', 'none');
        k++;
    })
    var tr_w = 0;
    $('.scroll_table table.sortable tbody>tr:first-child').each(function(){
        if (tr_w == 0){
            tr_w = this.offsetWidth;
        }
    })
    $('.scroll_table table.sortable thead > tr:first-child').css('width', tr_w + 'px');
    //make thead always at the top of ok div
    if (!thisTbl.getElementsByTagName)
        return;
    var tbody = thisTbl.getElementsByTagName("tbody")[0];
    var rows = tbody.getElementsByTagName("tr");
    for (var i = 0; i < rows.length; i++) {
        if (rows[i].className == '' || rows[i].className == 'odd' || rows[i].className == 'even') {
            $(rows[i]).attr('class', ((i % 2) == 0 ? "odd" : "even")).attr('className', ((i % 2) == 0 ? "odd" : "even"));
        }
    }
    $('table.sortable tr.even').unbind('mouseover').bind('mouseover', function() {
        this.style.backgroundColor = '#ddd';
    }).unbind('mouseout').bind('mouseout', function() {
        this.style.backgroundColor = '#eee';
    }).unbind('click').bind('click', function() {
        this.style.backgroundColor = '#ddd';
    });
    $('table.sortable tr.odd').bind('mouseover', function() {
        this.style.backgroundColor = '#ddd';
    }).bind('mouseout', function() {
        this.style.backgroundColor = '#fff';
    });
    $("#tableTaskHead").unbind('mouseover').unbind('mouseout');
}

//---------------------------------------------------------//

function ts_makeSortable(table){
    if (table.rows && table.rows.length > 0)
        var firstRow = table.rows[0];
    if (!firstRow) {
        return;
    }
    // We have a first row: assume it's the header, and make its contents clickable links
    for (var i = 0; i < firstRow.cells.length; i++) {
        var cell = firstRow.cells[i];
        if (cell.className.indexOf("unsort") == -1) {
            var txt = ts_getInnerText(cell);
            cell.innerHTML = '<a href="#" class="sortheader" id="table_a_header_'+i+'" onclick="ts_resortTable(this);return false;">' + txt + '<span class="sortarrow"></span></a>';
        }
    }
}

//---------------------------------------------------------//

function ts_getInnerText(el){
    if (typeof el == "string"){
        return el;
    }
    if (typeof el == "undefined"){
        return el;
    }
    if (el.innerText){
        return el.innerText; //Not needed but it is faster
    }
    var str = "";
    var cs = el.childNodes;
    var l = cs.length;
    for (var i = 0; i < l; i++){
        switch (cs[i].nodeType){
            case 1: //ELEMENT_NODE
                str += ts_getInnerText(cs[i]);
                break;
            case 3: //TEXT_NODE
                str += cs[i].nodeValue;
                break;
        }
    }
    return str;
}

//---------------------------------------------------------//

function ts_resortTable(lnk){
    var span;
    for (var ci = 0; ci < lnk.childNodes.length; ci++)
        if (lnk.childNodes[ci].tagName && lnk.childNodes[ci].tagName.toLowerCase() == 'span')
            span = lnk.childNodes[ci];
    var td = lnk.parentNode;
    var column = td.cellIndex;
    var table = getParent(td, 'TABLE');
    // Work out a type for the column
    if (table.rows.length <= 1)
        return;
    var itm = ts_getInnerText(table.rows[1].cells[column]);
    var sortfn = ts_sort_caseinsensitive;
    if (itm.match(/^[\d\.-]+$/))
        sortfn = ts_sort_numeric;
    //check title of the column to force sort function to the type needed
    if( lnk.text in oc(forced_to_sortnum) ) {
        sortfn = ts_sort_numeric;
    } else if( lnk.text in oc(forced_to_sortstring) ) {
        sortfn = ts_sort_caseinsensitive;
    }
    SORT_COLUMN_INDEX = column;
    var firstRow = new Array();
    var newRows = new Array();
    for (var i = 0; i < table.rows[0].length; i++)
        firstRow[i] = table.rows[0][i];
    for (var j = 0; j < table.tBodies[0].rows.length; j++) {
        newRows.push(table.tBodies[0].rows[j]);
    }
    newRows.sort(sortfn);
    if (span.getAttribute("sortdir") == 'down') {
        newRows.reverse();
        span.setAttribute('sortdir', 'up');
    } else
        span.setAttribute('sortdir', 'down');
    // We appendChild rows that already exist to the tbody, so it moves them rather than creating new ones
    // don't do sortbottom rows
    for (i = 0; i < newRows.length; i++){
        if (!newRows[i].className || (newRows[i].className && (newRows[i].className.indexOf('sortbottom') == -1))){
            table.tBodies[0].appendChild(newRows[i]);
        }
    }
    // do sortbottom rows only
    for (i = 0; i < newRows.length; i++){
        if (newRows[i].className && (newRows[i].className.indexOf('sortbottom') != -1)){
            table.tBodies[0].appendChild(newRows[i]);
        }
    }
    makeStripe(table);
}

//---------------------------------------------------------//

function getParent(el, pTagName){
    if (el == null)
        return null;
    else
    if (el.nodeType == 1 && el.tagName.toLowerCase() == pTagName.toLowerCase()) // Gecko bug, supposed to be uppercase
        return el;
    else
        return getParent(el.parentNode, pTagName);
}

//---------------------------------------------------------//

function ts_sort_numeric(a, b){
    var aa = parseFloat(ts_getInnerText(a.cells[SORT_COLUMN_INDEX]));
    if (isNaN(aa))
        aa = 0;
    var bb = parseFloat(ts_getInnerText(b.cells[SORT_COLUMN_INDEX]));
    if (isNaN(bb))
        bb = 0;
    return aa - bb;
}

//---------------------------------------------------------//

function ts_sort_caseinsensitive(a, b){
    var aa = ts_getInnerText(a.cells[SORT_COLUMN_INDEX]).toLowerCase();
    var bb = ts_getInnerText(b.cells[SORT_COLUMN_INDEX]).toLowerCase();
    if (aa == bb)
        return 0;
    if (aa < bb)
        return -1;
    return 1;
}

//---------------------------------------------------------//

function ts_sort_default(a, b){
    var aa = ts_getInnerText(a.cells[SORT_COLUMN_INDEX]);
    var bb = ts_getInnerText(b.cells[SORT_COLUMN_INDEX]);
    if (aa == bb)
        return 0;
    if (aa < bb)
        return -1;
    return 1;
}