function Configurator()
{
	groups = new Array();
	groups['left'] = new Array();
	groups['right'] = new Array();
	current_group = 0;
	
	this.addGroup = function(side, name, nr_to)
	{
		nr = groups[side].length;
		
		groups[side][nr] = new Array();
		groups[side][nr]['name'] = name;
		groups[side][nr]['items'] = new Array();
		groups[side][nr]['nr_to'] = nr_to;
	}
	
	this.addGroupItem = function(side, group_name, item_name, item_image, item_text)
	{
		for(var i = 0; i < groups.length; ++i)
		{
			if(groups[side][i]['name'] == group_name)
			{
				nr = i;
			}
		}
		
		var temp_var = new Array();
		temp_var["name"] = item_name;
		temp_var["image"] = item_image;
		temp_var["text"] = item_text;
		
		groups[side][nr]['items'].push(temp_var);
	}
	
	this.getGroups = function(side)
	{
		var back = "";
		for(var i = 0; i < groups[side].length; ++i)
		{
			back = back+""+groups[side][i]["name"]+":\n";
			for(var i2 = 0; i2 < groups[side][i]["items"].length; ++i2)
			{
				back = back+"     ["+i2+"]\n          Name: "+groups[side][i]["items"][i2]["name"]+"\n          Bild: "+groups[side][i]["items"][i2]["image"]+"\n          Text: "+groups[side][i]["items"][i2]["text"]+"\n";
			}
		}
		
		alert(back);
	}
	
	this.update = function(side, i, i2, repeat)
	{
		jQuery('div.configurator div.middle div.'+side+' span').html(groups[side][i]["items"][i2]["name"]);
		jQuery('div.configurator div.middle div.'+side+' div').css('background-image', 'url(assets/templates/rausch/images/configurator/'+groups[side][i]["items"][i2]["image"]+')');
		
		jQuery('div.configurator div.items-right div').css('display', 'none');
		jQuery('div.configurator div.items-right div div').css('display', 'block');
		jQuery('div.configurator div.items-right div.nr_'+i).css('display', 'block');
		
		jQuery('div.configurator div.items-left div .title span').css('display', 'none');
		jQuery('div.configurator div.items-left div.nr_'+i+' .title span').css('display', 'inline');
		
		jQuery('div.configurator div.text-'+side).html(groups[side][i]["items"][i2]["text"]);
		
		if(i != current_group)
		{
			current_group = i;
			this.update('right', i, i2, false);
		}
	}
	
	this.build = function(side)
	{
		if(side == "left")
			side_other = "right";
		else
			side_other = "left";
		
		var back = "";
		for(var i = 0; i < groups[side].length; ++i)
		{
			back = back+"<div class=\"nr_"+i+"\"><span class=\"title\"><span>></span>"+groups[side][i]["name"]+"</span>";
			for(var i2 = 0; i2 < groups[side][i]["items"].length; ++i2)
			{
				back = back+"<a href=\"javascript: return false;\" style=\"background: url(image.php?image=assets/templates/rausch/images/configurator/"+groups[side][i]["items"][i2]["image"]+"&height=35);\" title=\""+groups[side][i]["items"][i2]["name"]+"\" onclick=\"Configurator.update('"+side+"', "+i+", "+i2+", true);\"></a>";
			}
			back = back+"<div style=\"clear: "+side_other+";\"></div></div>";
		}
		
		jQuery('div.configurator div.items-'+side).html(back+"<div style=\"clear: "+side_other+";\"></div>");
	}
	
	this.start = function()
	{
		this.update('left', 0, 0);
		this.update('right', 0, 0);
	}
}