var maxs = new Object({
	haarvoor:12,
	haarachter:12,
	oorbellen:11,
	ketting:7,
	ogen:4,
	mond:7,
	kleding:13,
	lichaam:3
});

$.ifixpng('img/pixel.gif'); 

function removeStyles(className) {
	var html = $(className).html();
	html = html.replace(/style=\".*\"/g, "");
	$(className).html(html);
}

function faceElementChange(object, direction) {
	removeStyles(".face");
	
	var faceElement = $(".face [class*="+object+"]");
	var classes = faceElement.attr("class").split(" ");
	var faceElementClass = classes[classes.length - 1];
	var faceElementClassInfo = faceElementClass.split("_");
	
	var faceElementName = faceElementClassInfo[0];
	var faceElementNr = parseInt(faceElementClassInfo[1]);
									
	faceElement.removeClass(faceElementClass);
	
	
	if(direction) {
		if(faceElementNr +1 > maxs[object]) {
			faceElement.addClass(faceElementName +"_"+ 1);
		} else {
			faceElement.addClass(faceElementName +"_"+ (faceElementNr + 1));
		}
	} else {
		if(faceElementNr -1 < 1) {
			faceElement.addClass(faceElementName +"_"+ maxs[object]);
		} else {
			faceElement.addClass(faceElementName +"_"+ (faceElementNr -1));
		}
	}
	
	adjustHair();
	
	$(".face div").ifixpng();
	saveFace();
}

function saveFace()
{
	var faceStr = '';
	$(".face div").each(function(i)
	{
		var current = this.className;
		current = current.replace(/png/,"");
		current = current.replace(/image/,"");
		current = $.trim(current);
		
		if (faceStr)
		{
			faceStr += ';';
		}
		faceStr += current;
	});
	
	$("#address_name_picture").attr("value",faceStr);
}

function adjustHair() {
	var faceElementHaarAchter = $(".face [class*=haarachter]");
	var classes = faceElementHaarAchter.attr("class").split(" ");
	var faceElementClass = classes[classes.length - 1];
	var faceElementClassInfo = faceElementClass.split("_");
	
	var faceElementName = faceElementClassInfo[0];
	var faceElementNr = parseInt(faceElementClassInfo[1]);
	
	
	var faceElementHaarVoor = $(".face [class*=haarvoor]");
	var classes = faceElementHaarVoor.attr("class").split(" ");
	var faceElementClass = classes[classes.length - 1];
	
	faceElementHaarVoor.removeClass(faceElementClass);
	faceElementHaarVoor.addClass("haarvoor_"+ faceElementNr);
}
	
function randomFace() {
	removeStyles(".face");
	
	for (faceElementName in maxs) {
		var faceElement = $(".face [class*="+faceElementName+"]");
		var classes = faceElement.attr("class").split(" ");
		var faceElementClass = classes[classes.length - 1];
		
		var randomNr = Math.round(Math.random() * (maxs[faceElementName] - 1)) + 1;
		
		faceElement.removeClass(faceElementClass);
		faceElement.addClass(faceElementName +"_"+ randomNr);
	}
	
	adjustHair();
	
	$(".face div").ifixpng();
}