var currentStyle;
var currentColour;
var currentSize;

function styleChange() {
    currentStyle = $('.searchGroupStyle').val();
    currentColour = $('.searchGroupColour').val();
    currentSize = $('.optionSize').val();

    getColours();
    getSizes();
    
    if (currentStyle == "0") {
        getStyles();
    }
}

function colourChange() {
    currentStyle = $('.searchGroupStyle').val();
    currentColour = $('.searchGroupColour').val();
    currentSize = $('.optionSize').val();

    getStyles();
    getSizes();
    
    if (currentColour == "0") {
        getColours();
    }
}

function sizeChange() {
    currentStyle = $('.searchGroupStyle').val();
    currentColour = $('.searchGroupColour').val();
    currentSize = $('.optionSize').val();

    getStyles();
    getColours();
    
    if (currentSize == "0") {
        getSizes();
    }
}

function getStyles() {        
    Autocomplete.GetStyles(currentStyle, currentColour, currentSize, getStylesSucceed, onFail);
}

function getColours() {        
    Autocomplete.GetColours(currentColour, currentStyle, currentSize, getColoursSucceed, onFail);
}

function getSizes() {
    Autocomplete.GetSizes(currentStyle, currentColour, getSizesSucceed, onFail);
}

function getStylesSucceed(htmlSlctItems) {
    $('.searchGroupStyle').empty();
    $('.searchGroupStyle').append("<option value='0'>All Styles...</option>");

    for (i in htmlSlctItems) {
        $('.searchGroupStyle').append("<option value='" + htmlSlctItems[i].EntityID + "'>" + htmlSlctItems[i].ResponseMessage +  "</option>");
    }

    $('.searchGroupStyle').val(currentStyle);
    $('.searchGroupColour').val(currentColour);    
    $('.optionSize').val(currentSize);
}

function getColoursSucceed(htmlSelectItems) {
    $('.searchGroupColour').empty();
    $('.searchGroupColour').append("<option value='0'>All Colours...</option>");

    for (i in htmlSelectItems) {
        $('.searchGroupColour').append("<option value='" + htmlSelectItems[i].EntityID + "'>" + htmlSelectItems[i].ResponseMessage +  "</option>");
    }

    $('.searchGroupStyle').val(currentStyle);
    $('.searchGroupColour').val(currentColour);    
    $('.optionSize').val(currentSize);
}

function getSizesSucceed(htmlSlctItems) {
    $('.optionSize').empty();
    $('.optionSize').append("<option value='0'>All Sizes...</option>");
        
    for (i in htmlSlctItems) {
        $('.optionSize').append("<option value='" + htmlSlctItems[i].ResponseMessage + "'>" + htmlSlctItems[i].ResponseMessage +  "</option>");
    }

    $('.searchGroupStyle').val(currentStyle);
    $('.searchGroupColour').val(currentColour);    
    $('.optionSize').val(currentSize);
}

function onFail(msg) {
    alert(msg.get_message());
}

function resetDropdowns() {
    currentStyle = "0";
    currentColour = "0";
    currentSize = "0";

    getStyles();
    getColours();
    getSizes();
    
    $('.searchGroupStyle').val(currentStyle);
    $('.searchGroupColour').val(currentColour);
    $('.optionSize').val(currentSize);
}

function submitSearch() {
    Autocomplete.SubmitSearch(currentStyle, currentColour, currentSize, redirectSucceed, redirectFail);
    
}

function redirectSucceed(redirectUrl) {
    var response = redirectUrl[0].ResponseMessage;

    window.location = response;
}

function redirectFail(msg) {
    alert(msg.get_message());
}