var hIDList = '';
function swapFilterImage(oImage, pos) {
    if (document.getElementById('horseList').innerHTML != '') {
        var src = oImage.src;
        src = src.indexOf('-ov') > -1 ? replaceString(src, '-ov', '') : '../Images/global/Icons/SelectionBTN_' + pos + '-ov.png';
        oImage.src = src;
    }
}

document.getElementById('catNameA').innerHTML = catName;
document.onclick = hideList;
var lastList = null;
function dropList(id) {
    var selectionBox = document.getElementById(id);
    selectionBox.style.display = (selectionBox.style.display == 'none') ? '' : 'none';
    if (lastList != null && selectionBox.id != lastList.id) {
        lastList.style.display = 'none';
    }
    lastList = selectionBox;
}
function fetchHorseItems() {
    if (document.getElementById('horseList').innerHTML == '') {
        getHorseList();
    }
    else {
        dropList('horseBox');
    }
}
function hideList(e) {
    var oObject = (document.all) ? event.srcElement : e.target;
    if (oObject.id != 'categoryButton' && oObject.id != 'horseButton' && oObject.id != 'catNameA' && oObject.id.indexOf('catItem') == -1) {
        document.getElementById('categoryBox').style.display = 'none';
        document.getElementById('horseBox').style.display = 'none';
    }
}
function selectItem(oObject, id, boxId) {
    if (boxId) {
        document.getElementById(id).innerHTML = oObject.innerHTML;
        document.getElementById(boxId).style.display = 'none';
        document.getElementById('horseList').innerHTML = '';
    }
}
function setCategory(oObject) {
    document.forms[0].HiddenCategory.value = oObject.id;
}
function setValue(inputToSet, value, objectClicked) {
    if (objectClicked.className == '') {
        if (inputToSet.value == '') {
            inputToSet.value = value;
        }
        else {
            inputToSet.value += ',' + value;
        }
        objectClicked.className = 'Selected';
    }
    else {
        var stringToReplace = inputToSet.value
        if (inputToSet.value.indexOf(',' + value) > -1) {
            stringToReplace = replaceString(stringToReplace, ',' + value, '');
        }
        if (inputToSet.value.indexOf(value + ',') > -1) {
            stringToReplace = replaceString(stringToReplace, value + ',', '');
        }
        if (inputToSet.value.indexOf(value) > -1) {
            stringToReplace = replaceString(stringToReplace, value, '');
        }
        inputToSet.value = stringToReplace;
        objectClicked.className = '';
        document.getElementById('horseList').innerHTML = '';
    }
}
function changeHorse(oObject, filterList, hList, isOwner) {
    var qHList = (hList == '') ? '' : '&HList=' + hList;
    qHList = (qHList == '') ? '&HList=' + hIDList : '&HList=' + hList;
    var qFilterList = (filterList == '') ? '' : '&HFilter=' + filterList;
    var folder = (isOwner.toLowerCase() == 'true') ? 'Owner' : 'Betting';
    window.location = '../' + folder + '/HorseDetails.aspx?HorID=' + oObject.id + qHList + qFilterList;
}
function getHorseList(oObject) {
    var isDropList = (oObject != null);
    var val = isDropList ? oObject.value : '';
    if (val.length >= 3 || val == '') {
        MainServerCall("FILTERHORSE|" + document.forms[0].HiddenCategory.value + '|' + document.forms[0].HiddenGrades.value + '|' +
                document.forms[0].HiddenAge.value + '|' + document.forms[0].HiddenSex.value + '|' + val);
    }
    else {
        document.getElementById('horseBox').style.display = 'none';
    }
}
function AjaxClientMainCallbackResponse(result) {
    document.getElementById('AjaxDiv').innerHTML = result;
    var callbackResult = document.getElementById('callbackResult').innerHTML
    var callbackValue = document.getElementById('callbackValue').innerHTML;
    switch (callbackResult) {
        case "DISPLAYHORSES":
            document.getElementById('horseList').innerHTML = callbackValue;
            var displayBox = document.getElementById('horseBox');
            displayBox.style.display = '';
            lastList = displayBox;
            if (callbackValue != '') {
                var horseButton = document.getElementById('horseButton');
                document.getElementById('btnBack').style.cursor = 'pointer';
                document.getElementById('btnForward').style.cursor = 'pointer';
                hIDList = document.getElementById('horseIDList').innerHTML;
                document.getElementById('btnBack').alt = leftArrowAlt;
                document.getElementById('btnForward').alt = rightArrowAlt;
            }
            break;

    }
}
function getNextHorse(forward) {
    document.forms[0].Data.value = '';
    var horseList = document.getElementById('horseList');
    for (var x = 0; x < horseList.childNodes.length; x++) {
        if (horseList.childNodes[x].tagName) document.forms[0].Data.value += horseList.childNodes[x].childNodes[0].id + ',';
    }
    if (document.forms[0].Data.value != '') {
        document.forms[0].hidHorseIDList.value = document.forms[0].Data.value;
    }
    if (document.forms[0].hidHorseIDList.value != '') {
        document.forms[0].Command.value = (forward) ? 'GetNextH' : 'GetPrevH';
        document.forms[0].submit();
    }
}
window.onload = getDisableScrollerButtonAndFilters;
function getDisableScrollerButtonAndFilters() {
    if (document.forms[0].hidHorseIDList.value != '') {
        var val = document.forms[0].hidHorseIDList.value;
        var currentHorseID = document.forms[0].txtCurrHorseID.value;
        var firstIdInList = val.substring(0, val.indexOf(','));
        var lastIdInList = val.substring(val.lastIndexOf(',') + 1, val.length);
        if (firstIdInList == '') firstIdInList = lastIdInList;
        if (currentHorseID == firstIdInList) {
            disableObjectEvents(document.getElementById('btnBack'));
        }
        if (currentHorseID == lastIdInList) {
            disableObjectEvents(document.getElementById('btnForward'));
        }
        var ageFList = document.getElementById('ageFList');
        var sexFList = document.getElementById('sexFList');
        var gradeFList = document.getElementById('gradeFList');

        selectFilterItems(ageFList, document.forms[0].HiddenAge.value);
        selectFilterItems(sexFList, document.forms[0].HiddenSex.value);
        selectFilterItems(gradeFList, document.forms[0].HiddenGrades.value);
    }
}
function selectFilterItems(filterList, oTextToCompare, moo) {
    if (filterList) {
        for (var x = 0; x < filterList.childNodes.length; x++) {
            var object;
            var nextCount = 0;
            if (document.getElementById && !document.all) nextCount = nextCount + 1;
            object = filterList.childNodes[x];
            if (object) {
                if (object.childNodes[0] != null) {
                    if (object.childNodes[0].attributes != null) {
                        var curValue = object.childNodes[0].innerHTML;
                        curValue = replaceString(curValue, ' ', '');
                        curValue = replaceString(curValue, 'G', '');
                        var str = oTextToCompare;
                        if (str.indexOf(curValue) == -1) {
                            object.childNodes[0].className = '';
                        }
                    }
                }
            }
        }
    }
}
function disableObjectEvents(oObject) {
    oObject.onclick = null;
    oObject.onmouseout = null;
    oObject.onmouseover = null;
    oObject.style.cursor = 'default';
    oObject.alt = '';
}
if (document.getElementById('horseList').innerHTML == '') {
    document.getElementById('btnBack').style.cursor = 'default';
    document.getElementById('btnForward').style.cursor = 'default';
    document.getElementById('btnBack').title = '';
    document.getElementById('btnForward').title = '';
    document.getElementById('btnBack').alt = '';
    document.getElementById('btnForward').alt = '';
}
else {
    document.getElementById('btnBack').title = leftArrowAlt;
    document.getElementById('btnForward').title = rightArrowAlt;
    document.getElementById('btnBack').alt = leftArrowAlt;
    document.getElementById('btnForward').alt = rightArrowAlt;
}