var CombinedSearch = ({
    validateRequest: function() {
    
        color_value = $("colours") ? $("colours").get('value') : '';
        style_value = $("style") ? $("style").get('value') : '';
        size_value = $("size") ? $("size").get('value') : '';

        this.packageRequest(color_value,style_value,size_value);
    },
    packageRequest: function(color_value,style_value,size_value) {
        var tmp = Array();
        tmp['style'] = style_value;
        tmp['size'] = size_value;
        tmp['color'] = color_value;
        this.sendRequest(tmp);
    },
    sendRequest: function(option_array) {
       var st = option_array['style'];
       var sz = option_array['size'];
       var co = option_array['color'];
      
        if(st) {
          poststyle="style="+st + "&";
        } 
        else { poststyle=""; }
        if(sz) {
          postsize ="size="+sz + "&";
        } 
        else { postsize = ""; }
        if(co) {
          postcolor="colours=" + co;
        } 
        else { postcolor = ""; }

        var postvars = poststyle + postsize + postcolor;
        var url = "index.xml";
        //var aj = new Ajax(url, {method: 'post', postBody: postvars, onRequest: this.showLoading,  }).request();
        
        var aj = new Request({
		    url: url,
		    data: postvars,
		    onRequest: this.showLoading,
		    onComplete: this.requestSuccess
		}).send();
        
        
        return false;
    },
    showLoading: function(hide) {
        var loadSymbol = $("loadsymbol");
        //loadSymbol.set('html', loadSymbolHtml);
        loadSymbol.setStyle('display', 'block');
    },
    requestSuccess: function(result) {
        var loadSymbol = $("loadsymbol");
        // Added chained effect.
        // Fade out div, set inner html, fade back in.
        var myFx = new Fx.Tween('response', {property: 'opacity', duration:700});
        var rs = $("response");
        if(result) {
            myFx.start(1,0).chain(function(){
                rs.set('html', result);
                myFx.start(0,1);
                //loadSymbol.set('html', '');
                loadSymbol.setStyle('display', 'none');
            });
        } else {
            myFx.start(1,0).chain(function(){
                rs.set('html', 'None Found');
                myFx.start(0,1);
                //loadSymbol.set('html', '');
                loadSymbol.setStyle('display', 'none');
           });
        }
	} 
});
function registerChange() {
	CombinedSearch.validateRequest();
}