w_tipo = "text";
w_width = "100%";
w_col1 = "1275b8";
w_col2 = "5fc8ff";
w_col3 = "1275b8";
w_font = "Arial";
w_layout = "st";
w_itemnum = 4;
w_page = 1;
w_intest = "From blogosphere";
w_tag1 = "obama";
w_tag2 = "new york";
w_tag3 = "apple";
w_abs = 1;
w_css = "default";

default_field_text = 'Add tag';
curr_num_tag = 0;
curr_color_picker = null;

widget_url = "http://www.liquida.com/api/widget/";
// widget_url = "http://www-loc.liquida.com/api/widget/";

function widgetInit(sType, sWidth) {

	w_tipo = sType;
	$('w_tipo').setHTML(sType);
	
	w_width = sWidth;
	$('w_width').setHTML(sWidth);
	
	widgetReload();
}

function widgetChangeLayout(sLayout) {

	w_layout = sLayout;
	
	if(sLayout == "st") {
		
		$('lw-free-container').setStyle('display', 'none');
		
		if(w_css == '') {
			
			w_css = 'default';
			$('w_css').setHTML(w_css);
		}
	}
	else $('lw-free-container').setStyle('display', '');
	
	$('w_layout').setHTML(sLayout);
	
	widgetReload();
}

function widgetAbstractToggle() {

	if($('lw-abstract-on').checked) {

		w_abs = 1;
		if(w_itemnum == 7) {
			
			w_itemnum = 4;
			$('w_itemnum').setHTML(w_itemnum);
			$('lw-itemnum').selectedIndex = 0;
		}
		
		$('lw-itemnum-4').setStyle('display', '');

	} else {

		w_abs = 0;
		if(w_itemnum == 4) {
			
			w_itemnum = 7;
			$('w_itemnum').setHTML(w_itemnum);
			$('lw-itemnum').selectedIndex = 1;
		}
		
		$('lw-itemnum-4').setStyle('display', 'none');
	}	
	

	$('w_abs').setHTML(w_abs);
	
	widgetReload();
}

function cleanSearchFld(sField) {

	// lowercase
	sField = sField.toLowerCase();
	// delete querystring
	if(sField.indexOf('?') != -1) sField = sField.substring(0, sField.indexOf('?'));
	// html decode
	sField = sField.replace(/</g,"&lt;").replace(/>/g,"&gt;");
	// replace &nbsp; in -
	sField = sField.replace(/&nbsp;/g, "-");
	// replace blank space in -
	sField = sField.replace(/ /g, "-");
	// replace + in -
	sField = sField.replace(/\+/g, "-");
	// replace _ in -
	sField = sField.replace(/_/g, "-");
	// replace %C2%A0 in -
	sField = sField.replace(/%C2%A0/g, "-");
	// replace %20 in -
	sField = sField.replace(/%20/g, "-");
	// delete http://
	sField = sField.replace(/http:\/\//g, "");
	// deletee https://
	sField = sField.replace(/https:\/\//g, "");
	// replace / in -
	sField = sField.replace(/\//g, "-");
	// trim -
	if(sField.charAt(0) == '-') sField = sField.substring(1);
	if(sField.charAt(sField.length-1) == '-') sField = sField.substring(0, sField.length - 1);
	// urlencode
	sField = encodeURIComponent(sField);
	
	return sField;
}

function widgetAddTag() {

	sTag = $('tag_field').value;
	
	if(sTag == "" || sTag == default_field_text) return false;
	
	// sTag = cleanSearchFld(sTag);
	
	if(w_tag1 == "") {
	
		w_tag1 = sTag;
		iPosition = 1;
	
	} else if(w_tag2 == "") {
	
		w_tag2 = sTag;
		iPosition = 2;
	
	} else if(w_tag3 == "") {
	
		w_tag3 = sTag;
		iPosition = 3;
	
	} else return false;
	
	$('w_tag1').setHTML(w_tag1);
	$('w_query').setHTML(w_tag1.replace(' ', '-') + "/");
	$('w_qtitle').setHTML(w_tag1.toUpperCase());
	$('w_qlabel').setHTML(w_tag1.toUpperCase());
	$('w_tag2').setHTML(w_tag2);
	$('w_tag3').setHTML(w_tag3);
	
	$('li_tag' + iPosition).setStyle('display', '');
	$('a_tag' + iPosition).setHTML(sTag);
	
	$('tag_field').value = default_field_text;
	$('tag_field').setStyle('color', '#999');
	
	curr_num_tag++;
	
	if(curr_num_tag == 3) $('add_tag_button').className = "lw-button-off";
	else $('add_tag_button').className = "lw-button";
	
	widgetReload();
}

function widgetRemoveTag(iPosition) {

	$('li_tag' + iPosition).setStyle('display', 'none');
	$('a_tag' + iPosition).empty();
	$('w_tag' + iPosition).empty();
	
	if(iPosition == 1) w_tag1 = "";
	else if(iPosition == 2) w_tag2 = "";
	else if(iPosition == 3) w_tag3 = "";
	
	curr_num_tag--;
	
	if(curr_num_tag == 3) $('add_tag_button').className = "lw-button-off";
	else $('add_tag_button').className = "lw-button";
	
	widgetReload();
}

function widgetChangeFont(sFont) {

	w_font = sFont;
	$('w_font').setHTML(sFont);
	
	widgetReload();
}

function widgetChangeNumPost(iNumPost) {

	w_itemnum = iNumPost;
	$('w_itemnum').setHTML(iNumPost);
	widgetReload();
}

function widgetChangeTitle() {

	sTitle = $('heading').value;
	
	if(sTitle == "" || sTitle == w_intest) return false;
	
	w_intest = sTitle;
	$('w_intest').setHTML(sTitle);
	
	widgetReload();
}

function widgetChangeWidth(sWidth) {

	// if($('box-width-liquid').checked) return false;
	 
	if(w_tipo == "text" && sWidth != "100%") $('box-width-fixed').checked = true;
	w_width = sWidth;
	$('w_width').setHTML(sWidth);
	
	widgetReload();
}

function widgetChangePhotoWidth(sWidth) {

	// if($('box-width-liquid').checked) return false;
	w_width = sWidth;
	$('w_width').setHTML(sWidth);
		
	if(sWidth == 'laid') {
		$('widLiquida').setStyle('display', 'none');
		$('widLiquida2').setStyle('display', '');
		$('laid-img').setStyle('display', 'none');
		$('standing-img').setStyle('display', '');
	} else {
		$('widLiquida').setStyle('display', '');
		$('widLiquida2').setStyle('display', 'none');
		$('laid-img').setStyle('display', '');
		$('standing-img').setStyle('display', 'none');
	}
	
	widgetReload();
}

function widgetChangeColors(sColor1, sColor2, sColor3) {

	w_color = sColor1;
	w_colort = sColor2;
	w_color3 = sColor3;
	
	$('border-rgb').value = '#' + sColor1;
	$('header-rgb').value = '#' + sColor2;
	$('link-rgb').value = '#' + sColor3;
	
	$('w_color').setHTML(sColor1);
	$('w_colort').setHTML(sColor2);
	$('w_color3').setHTML(sColor3);
	
	widgetReload();
}

function widgetChangeCss(sCss) {

	if(w_css != '') $('lw-' + w_css).removeClass('selected');
	$('lw-' + sCss).addClass('selected');
	
	w_css = sCss;
	
	$('w_css').setHTML(sCss);
	
	widgetReload();
}

function widgetOpenColorPicker(sColorPickerId) {

	if(curr_color_picker != null) $(curr_color_picker + '-picker').setStyle('display', 'none');
	
	$(sColorPickerId + '-picker').setStyle('display', '');
	curr_color_picker = sColorPickerId;
}

function widgetOpenColorPickerContainer() {

	$('lw-' + w_css).removeClass('selected');
	
	w_css = '';
	$('w_css').setHTML('');
	
	$('lw-free-selector').setStyle('display', ''); 
	widgetOpenColorPicker('header-rgb');
	
	widgetReload();
}

function widgetSetColor(sColor) {
	
	if(curr_color_picker == 'border-rgb') {
	
		w_col1 = sColor;
		$('w_color').setHTML(sColor);
	
	} else if(curr_color_picker == 'header-rgb') {
		
		w_col2 = sColor;
		$('w_colort').setHTML(sColor);
		
	} else if(curr_color_picker == 'link-rgb') {
		
		w_col3 = sColor;
		$('w_color3').setHTML(sColor);
	}
	
	$(curr_color_picker).value = '#' + sColor;
	
	widgetReload();
}

function widgetChangeType(sType) {

	w_tipo = sType;
	$('w_tipo').setHTML(sType);
	
	widgetReload();
}

function widgetReload() {
	
	var fun1 = (function () {
		
		if((w_tipo == "photo" || w_tipo == "video") && w_width == "laid") widget_iframe_id  = "widLiquida2";
		else widget_iframe_id  = "widLiquida";
		
		widgetRestartParam(window, document, widget_url, widget_iframe_id);
	});
	setTimeout(fun1,100);
}

function fnSelect(objId)
{
   fnDeSelect();
   if (document.selection) 
   {
      var range = document.body.createTextRange();
      range.moveToElementText(document.getElementById(objId));
      range.select();
   }
   else if (window.getSelection) 
   {
      var range = document.createRange();
      range.selectNode(document.getElementById(objId));
      window.getSelection().addRange(range);
   }
}
function fnDeSelect() 
{
   if (document.selection)
             document.selection.empty();
   else if (window.getSelection)
              window.getSelection().removeAllRanges();
} 

function widgetRestartParam(win, doc, widget_url, widget_iframe_id) {
	
	var urlFinale = widget_url;
	
	var w_tipo = win.w_tipo;
	if (w_tipo) {
		urlFinale += "?t="+w_tipo;
	}
	var w_Css = win.w_css;
	if (w_Css) {
		urlFinale += "&css="+w_Css;
	}
	var w_Color = win.w_col1;
	if (w_Color) {
		urlFinale += "&c1="+w_Color;
	}
	var w_Colort = win.w_col2;
	if (w_Colort) {
		urlFinale += "&c2="+w_Colort;
	}
	var w_Color3 = win.w_col3;
	if (w_Color3) {
		urlFinale += "&c3="+w_Color3;
	}
	var w_Font = win.w_font;
	if (w_Font) {
		urlFinale += "&font="+w_Font;
	}
	var w_abs = win.w_abs;
	if (w_abs) {
		urlFinale += "&abs=" + w_abs;
	}
	var w_itemnum = win.w_itemnum;
	if (w_itemnum) {
		urlFinale += "&n=" + w_itemnum;
	}
	var w_page = win.w_page;
	if (w_page) {
		urlFinale += "&p=" + w_page;
	}
	var w_layout = win.w_layout;
	if (w_layout) {
		urlFinale += "&layout=" + w_layout;
	}
	var w_intest = win.w_intest;
	if (w_intest) {
		urlFinale += "&intest=" + w_intest;
	}
	/*var w_image = win.w_image;
	if (w_image) {
		urlFinale += "&image=" + w_image;
	}*/
	var w_tag1 = win.w_tag1;
	if (w_tag1) {
		urlFinale += "&tag1=" + encodeURIComponent(w_tag1);
	}
	var w_tag2 = win.w_tag2;
	if (w_tag2) {
		urlFinale += "&tag2=" + encodeURIComponent(w_tag2);
	}
	var w_tag3 = win.w_tag3;
	if (w_tag3) {
		urlFinale += "&tag3=" + encodeURIComponent(w_tag3);
	}
	var w_width = win.w_width;
	if (w_width) {
		urlFinale += "&wid=" + w_width;
	}
	var w_tagdefault = win.w_tag1;
	if (w_tagdefault) {
		urlFinale += "&q=" + encodeURIComponent(w_tagdefault);
	}
	
	var larghezzaTemp = w_width;
	var altezzaTemp = "";
	if(w_tipo == "photo") {
		
		if(w_width == "standing") {
			larghezzaTemp = "300px";
			altezzaTemp = "377px";
		} else {
			larghezzaTemp = "500px";
			altezzaTemp = "165px";
		}
		
	} else if(w_tipo == "video") {
	
		if(w_width == "standing") {
			larghezzaTemp = "300px";
			altezzaTemp = "300px";
		} else {
			larghezzaTemp = "500px";
			altezzaTemp = "165px";
		}
		
	} else if(w_tipo == "cloud") {
				
		altezzaTemp = "250px";
	
	} else if(w_tipo == "mediacloud") {
				
		altezzaTemp = "358px";
	
	} else {
		
		altezzaTemp = "395px";
	}
	
	widget_src = document.getElementById(widget_iframe_id);
	widget_src.width = larghezzaTemp;
	widget_src.height = altezzaTemp;
	widget_src.src = urlFinale;
}

window.addEvent('domready', function(){

	if($defined($('widLiquida2')) && $defined($('widLiquida'))) { 
	
		$('widLiquida').setStyle('display', 'none');
		w_width = "laid";
	}
	
	$('w_intest').setHTML(w_intest);
	$('w_width').setHTML(w_width);
	$('w_tipo').setHTML(w_tipo);
	
	w_tag1 = "";
	w_tag2 = "";
	w_tag3 = "";
	
	if(curr_num_tag == 3 && $defined($('add_tag_button'))) $('add_tag_button').className = "lw-button-off";
	
	if(w_tipo == "text") $('lw-font-div').setStyle('display', '');
	if(w_tipo == "text" || w_tipo == "cloud" || w_tipo == "mediacloud") $('link-rgb-div').setStyle('display', '');
	
	// widgetReload();
});