$('#listLeft ul li a').live("click", function() {
//        alert("foo");
//    e.preventDefault();
    if ($(this).hasClass("listLeftSelected")) {
        return false;
    }
    $('.listLeftSelected').removeClass("listLeftSelected");
    $(this).addClass('listLeftSelected');
    var objId = $(this).attr("data-id");
    var tabId = $('.innerSelected').attr("data-id");
    $.getJSON("/m/get_details", {
        'tab_id': tabId,
        'object_id': objId
    }, function(data) {
        $('#textRight').text(data.title).formatTitle();
        var searchTerm = $('.searchListField').val();
        var html = data.html;
        if (searchTerm != '') {
            html = highlightWordsNoCase(html, searchTerm);
//            html = html.replace(searchTerm, "<span class='highlight'>" + searchTerm + "</span>");    
        }
        $('#bottomRight').html(html);
//            console.log(data);
    });
    return false;
});

$('.toggleNext').live("click", function(e) {
    e.preventDefault();
    var $next = $(this).next();
    if (!$next.is(":visible")) {
        $next.slideDown();
    } else {
        $next.slideUp();
    }
});

function highlightWordsNoCase(data, word)
{
  var regex = new RegExp("(" + word + ")", "gi");
  return data.replace(regex, "<span class='searchHighlight'>$1</span>");
}

/* Get a jquery <option> row for a sort field, requires s.operator, s.field_name, s.friendly_name */
function getOption(s) {
    return $('<option />').val(s.operator + s.field_name).text(s.friendly_name);
}

/* Get a Jquery List Row object for an item - requires item.id and item.title*/
function getLi(item) {
    var titleLength = 30;
    var $li = $('<li />').addClass("tabListItem");
    var $a = $('<a />').attr("href", '#').attr("data-id", item.id).appendTo($li);
//    console.log(item.title.length);
    var $span = $('<span />').text(item.title).appendTo($a);
    return $li;
}

$(function() {
    /* search button toggle */
    $('.searchInnerField').hide();
    $('#searchInner').toggle(function() {
      $('.searchInnerField').slideDown();
    }, function() {
      $('.searchInnerField').slideUp();
    });
    /* search button end */


    $('#listLeft ul li a').eq(0).click();
//    alert("hi");


    $('.tabCategory').click(function() {
        var $this = $(this);
        if ($this.hasClass('.innerSelected')) {
            return false;
        }
        
        $('.innerSelected').removeClass("innerSelected");
        $this.addClass("innerSelected");
        $('.displayedTab').removeClass("displayedTab");
        var tabId = $this.attr("data-id");
        $('#tabText_' + tabId).addClass("displayedTab");
        doListLoading();
        $.getJSON("/m/get_tab", {
            'tab_id': tabId,
//            'page_no': 1
        }, function(data) {
 //           $('#loadingList').hide();
            stopListLoading(data.page);
            /* begin if for has_list, ideally make into separate render function */
            if (data.has_list) {
                /* handle sort options on list */
                $select = $('#orderBySelect');
                $select.empty();
                var sorts = data.sorts;
                if (sorts.length == 0) { $select.hide(); } else { $select.show(); }
                for (var j=0; j<sorts.length; j++) {
                    var s = sorts[j];
                    var $opt = getOption(s);
                    $select.append($opt);
                }
                /* end handle sort */

                /* handle displaying initial list on page */
                displayList(data.page.items);
                /* end display initial list */

            } else {
            /* end if has_list */
                $('#textRight').text(data.title).formatTitle();
                var $html = getNoListHtml(data.page.items);
                $('#bottomRight').empty().append($html);    
            }
        });
    });

    $('#orderBySelect').change(function(e) {
        $('#listForm').submit();
    });


    $('#searchListIcon').click(function() {
        $('#listForm').submit();
    });

/*
    $('.searchListField').keyup(function(e) {
        e.preventDefault();
        if (e.keyCode == 13) {
            $('#listForm').submit();
        }
    });
*/

    $('#listForm').submit(function(e) {
        e.preventDefault();
        var sortString = $('#orderBySelect').val();
        var searchTerm = $('.searchListField').val();
        doListLoading();
        $.getJSON("/m/get_list", {
            'tab_id': $('.innerSelected').attr("data-id"),
            'sort': sortString,
            'search': searchTerm
        }, function(data) {
            stopListLoading(data);
            displayList(data.items);            
        });  
    });


    $('#triangleUp').click(function() {
        goPreviousPage();
    });    

    $('#triangleDown').click(function() {
        goNextPage();
    });

});

function displayList(items) {
    for (var i=0; i<items.length; i++) {
        var $li = getLi(items[i]);
        $('#listLeft ul').append($li);                
    }
    $('#listLeft ul li a').eq(0).click();
}

function doListLoading() {
    $('.tabListItem').remove();
    $('#loadingList').show();
}

function stopListLoading(page) {
    $('#currPageNo').text(page.page_no);
    $('#totalPages').text(page.num_pages);
    $('#loadingList').hide();
    if (page.page_no == 1) {
        $('#triangleUp').hide();
    } else {
        $('#triangleUp').show();
    }
    if (page.page_no == page.num_pages) {
        $('#triangleDown').hide();
    } else {
        $('#triangleDown').show();
    }
}

function goNextPage() {
    var currPage = parseInt($('#currPageNo').text());
    var totalPages = parseInt($('#totalPages').text());
    if (currPage < totalPages) {
        getPage(currPage + 1);
    }
}

function goPreviousPage() {
    var currPage = parseInt($('#currPageNo').text());
    if (currPage > 1) {
        getPage(currPage - 1);
    }
}

function getPage(pageNo) {
    doListLoading();
    $.getJSON("/m/get_list", {
        'tab_id': $('.innerSelected').attr("data-id"),
        'page': pageNo,
        'sort': $('#orderBySelect').val()    
    }, function(page) {
        stopListLoading(page);
        displayList(page.items);
    });
}

function getNoListHtml(items) {
    var $rhs = $('<div />');
    for (var i=0; i<items.length; i++) {
        var $obj = getNoListItemHtml(items[i]);
        $rhs.append($obj);
    }
    return $rhs;  
}


function getNoListItemHtml(item) {
    if (item.hasOwnProperty("url")) {
        var $ret = $('<div />').addClass("noListItem");
        var $title = $("<div />").addClass("noListTitle").appendTo($ret);
        var $a = $('<a />').attr("href", item.url).addClass("orangeLink").text(item.text).appendTo($title);
        var $text = $("<div />").addClass("noListText").html(item.text).appendTo($ret);
    } else {
        var $ret = $('<div />').addClass("noListItem").addClass("collapsible");
        var $title = $("<div />").addClass("orange").addClass("toggleNext").text(item.title).appendTo($ret);
        var $text = $("<div />").addClass("noListText").addClass("hidden").html(item.text).appendTo($ret);
    }
    return $ret;
}


jQuery.fn.formatTitle = function() {
    var txt = $(this).text();
    var fontSize;
//    alert(txt.length);
    if (txt.length < 32) {
        fontSize = 50;        
    } else if (txt.length < 60) {
        fontSize = 40;
    } else if (txt.length < 100) {
        fontSize = 30;
    } else {
        fontSize = 20;
    }
    this.css({'fontSize': fontSize + "px"});
}