function swapLabel(file_name, target_id, hidden_id)
{
	var image = document.getElementById(target_id);
	
	image.src = "/uploads/label/medium" + file_name;
	document.getElementById(hidden_id).value = file_name;
	document.getElementById(hidden_id).value = file_name;
}

function showTab(tab)
{
	switch(tab)
	{
		case '1':
			document.getElementById('tab_1').style.display = 'block';
			document.getElementById('tab_2').style.display = 'none';
			document.getElementById('tab_top_1').className = 'left_tab tab_on tab';
			document.getElementById('tab_top_2').className = 'right_tab tab_off tab';
			break;
		case '2':
			document.getElementById('tab_1').style.display = 'none';
			document.getElementById('tab_2').style.display = 'block';
			document.getElementById('tab_top_1').className = 'left_tab tab_off tab';
			document.getElementById('tab_top_2').className = 'right_tab tab_on tab';
			break;
	}
	document.getElementById('photo').value = '';
	document.getElementById('image_label_bg_picker').style.display = '';
  document.getElementById('label_preview_image').style.display = 'none';
}

function closePreview()
{
	document.getElementById('label_preview').style.display = 'none';
}

function updateFont(line, select)
{
	document.getElementById('line_' + line + '_font').value = select.value;
}

function updateColor(line, select)
{
	document.getElementById('line_' + line + '_color').value = select.value;
}

function viewImagePreview()
{
	document.getElementById('iframe_container').innerHTML = '<iframe src="/upload-photo/" class="upload_image_iframe" id="upload_image_iframe" frameborder="0"></iframe>';
	document.getElementById('upload_image_iframe').src = '/upload-photo/';
	document.getElementById('image_label_bg_picker').style.display = 'none';
	document.getElementById('label_preview_image').style.display = '';
}


function updateElementsFromJSON(request, json, prefix){
  var responses = json;
  if (!json){
    //if you don't use the json tips then evaluate the renderedText instead
    var responses = eval('(' + request.responseText + ')');
  }
  var resSize = responses.length;
//  alert(resSize);
  for (var i = 0; i < resSize; i++)
  {
     document.getElementById(prefix + responses[i][0]).value = responses[i][1];
  }
}