function refreshWidget(){
	
	var title = escape(document.getElementById('widgetTitle').value);
	var colors = new Array();
	
	for(var i=1;i<=7;i++){
		colors[i] = document.getElementById('color'+i).value.replace('#','');
	}
	
	var categories = new Array();
	var checkboxen = document.getElementsByName('categories[]');
	var checkCount = 0;
	for( var n = 0; n < checkboxen.length; n++ ) {
		if( checkboxen[n].checked ) {
			categories[checkCount] = checkboxen[n].value; 
			checkCount++;
		}
	}
	if (checkCount == 0) categories[0] = 0;

	var width = document.getElementById('WidgetWith').value;
	var games = document.getElementById('gamesPerPage').value;

	var queryString = title+'/'+colors.join('--').substr(2)+'/'+categories.join('--')+'/'+width+'/'+games+'/';
	
	var widgetResponse = new Ajax.Request('/Widget/get/preview/'+queryString, {method: 'get', onComplete: setNewWidget});
	var codeResponse = new Ajax.Request('/Widget/get/code/'+queryString, {method: 'get', onComplete: showNewWidgetCode});
	

	
}

function setNewWidget(widgetResponse){
	var element = document.getElementById('WidgetPreviewDiv');
	if (element){
		element.innerHTML = "&nbsp;";
		element.innerHTML = widgetResponse.responseText;
	}
	
}

function showNewWidgetCode(codeResponse){
	var element = document.getElementById('WidgetIncludeCode');
	if (element){
		element.value = codeResponse.responseText;
	}
}


function changePreviewTitle(title){
	element = document.getElementById("widgetSpieleAffeTitle");
	source = document.getElementById('widgetTitle');
	if (element){
		//element.innerHTML = stripHTML(title).substr(0,65);
		title = title.replace(/<a[^href]+href=\"([^\"]*)\"[^>]*>/ig,"$1");
		element.innerHTML = title;
	}
}

function stripHTML(string){
	var re= /<\S[^><]*>/g
	for (i=0; i<arguments.length; i++)
	string=string.replace(re, "")
	return string
}