function selectRuler(idRuler) {
	selectItem(idRuler, 'ruler_id');
	updatePreview(idRuler);
}

function selectSlider(idSlider) {
	selectItem(idSlider, 'slider_id');
	updatePreview(idSlider);
}

function updateTickerPreview(imgUrl) {
	var img = document.getElementById('tickerPreview');
	var mask = document.getElementById('previewMask');
	var container = document.getElementById('previewContainer');

	var _img = new Image();
	
	mask.width = img.width;
	mask.height = img.height;
	img.style.display = 'none';
	mask.style.display = 'block';
	
	_img.src = imgUrl;
	_img.id =  'tickerPreview';
	_img.style.display = 'none';
	
	container.removeChild(img);
	container.appendChild(_img);
	
	window.setTimeout(checkTickerPreview, 100);
}

function checkTickerPreview() {
	var img = document.getElementById('tickerPreview');
	var mask = document.getElementById('previewMask');
	
	if (img.complete) {
		mask.width = 1;
		mask.height = 1;
		img.style.display = 'block';
		mask.style.display = 'none';
	} else {
		window.setTimeout(checkTickerPreview, 100);
	}
}

function formSubmit() {
	var form  = document.getElementById('ticker_form');
	form.submit();
}

function jump(where) {
	return false;
}
function selectItem(itemId, frmFldId) {
	var frmFld = document.getElementById(frmFldId);
	
	if (frmFld) {
		var item = document.getElementById('item_'+frmFld.value);
		if (item) {
			item.className = '';
		}
		var item = document.getElementById('item_'+itemId);
		if (item) {
			item.className = 'active';
		}
		frmFld.value = itemId;
	}
}

function switchLabelTab(type, id1, id2) {
	var tab1 = document.getElementById('labelTab'+id1); 
	var tab2 = document.getElementById('labelTab'+id2);
	var swTab1 = document.getElementById('switchTab'+id1);
	var swTab2 = document.getElementById('switchTab'+id2);

	if (type == 1) {
		if (tab2 != null) tab2.className = 'hidden';
		if (tab1 != null) tab1.className = '';
		if (swTab2 != null) swTab2.className = 'switchOff';
		if (swTab1 != null) swTab1.className = 'switchOn';
	} else {
		if (tab1 != null) tab1.className = 'hidden';
		if (tab2 != null) tab2.className = '';
		if (swTab1 != null) swTab1.className = 'switchOff';
		if (swTab2 != null) swTab2.className = 'switchOn';
	}
}

function showToolTip(id) {
	var tooltip = document.getElementById(id);
	tooltip.className = 'feedDescr';
}

function hideToolTip(id) {
	var tooltip = document.getElementById(id);
	tooltip.className = 'hidden';
}

function copyCode(areaId) {
	var area = document.getElementById(areaId);
	if (area != null) {
		area.select();
	}
	return false;
}

function toggleColorPicker(id) {
	$(id).slideToggle();
	/*
	var cp = $(id);
	if (cp.css('display') == 'none') {
		cp.css('display','block');
	} else {
		cp.css('display','none');
	}
	*/
}

function updateTickerForm(modelName, baseUrl) {
	var form = $('#ticker_form');
	$.ajax({
		type: "POST",
		dataType: 'json',
		url: baseUrl + 'tickers/'+modelName+'/postUpdate/',
		data: form.serialize(),
		success: function(data) {
			/*
			if (data['labels']['0']) {
				$.each(data['labels']['0'], function(id, label){
					if(label.is_custom) {
						$('#label_'+id).replaceWith(label.label);
					}
				});
			}
			if (data['labels']['1']) {
				$.each(data['labels']['1'], function(id, label){
					if(label.is_custom) {
						$('#label_'+id).replaceWith(label.label);
					}
				});
			}
			if (data['labels']['2']) {
				$.each(data['labels']['2'], function(id, label){
					if(label.is_custom) {
						$('#label_'+id).replaceWith(label.label);
					}
				});
			}
			*/
			updatePreview();
		}
	});
}