/**
 * function for handling ajax 
 */ 

function ColorSelectorManager() {
	this.selectedColors = new Array();
	this.colorAtributeId = 100;	
}

ColorSelectorManager.prototype.updateColor = function(obj)  {
	var arr = obj.getAttribute('id').split('_');
	var colorId = arr[1];

	var pos = -1;
	for(var i in this.selectedColors)
	    if(this.selectedColors[i] == colorId)
		{ pos = i; }

	if(pos == -1) // NOT FOUND
		{
		this.selectedColors.push(colorId);
		obj.setAttribute('class','colorSelectorColorBox_Active');
		obj.setAttribute('className','colorSelectorColorBox_Active'); // FOR IE
		}
	else 
		{
		this.selectedColors.splice(pos,1);
		obj.setAttribute('class', 'colorSelectorColorBox');
		obj.setAttribute('className', 'colorSelectorColorBox'); // FOR IE
		}
	
	//window.status = this.selectedColors;
	this.updateOptions();
}
	

ColorSelectorManager.prototype.updateOptions = function()  {
	var options = '';

	// ADD ENDOCED OPTIONS
	if(this.selectedColors.length == 0)
		{ options += '&args[attributeCriteria][' + this.colorAtributeId + ']=';  }
	else {
		for(var key in this.selectedColors) {
			options += ( '&args[attributeCriteria][' + this.colorAtributeId + '][]=' + this.selectedColors[key] ); 	
		}
	} 
			
	pagedProductListManager.updateSearchCriteriaOptions(options);
}

ColorSelectorManager.prototype.init = function()  {
	var divs = document.getElementsByTagName('div');
	var colorDivsIds = new Array();

	for (var i = 0; i < divs.length; i++) {
		if((divs[i].getAttribute('rel') == 'colorSelector') 
		&& ( (divs[i].getAttribute('class') == 'colorSelectorColorBox_Active')
		|| (divs[i].getAttribute('className') == 'colorSelectorColorBox_Active'))
		)
			{ 
			var colorId = String(divs[i].getAttribute('id'));			
			colorId = colorId.split("_");
			colorId = colorId[1];
			
			colorDivsIds[colorDivsIds.length] = colorId; 
			}
	}
	
	this.selectedColors = colorDivsIds;
}
// CREATE PRODUCT DETAILS MANAGER
var colorSelectorManager = new ColorSelectorManager();

bodyOnLoad_addToChain("colorSelectorManager.init();");