var g_prevSizeDiv   = null;
var g_prevColourDiv = null;

function tooltip(strName, strText, f_show, x, y)
{
  if (f_show)
    $('#' + strName).html(strText).stop(true, true).css('left', x).css('top', y).fadeIn("fast");
  else
    $('#' + strName).stop(true, true).fadeOut("fast");
}

function colourTooltip(e, strColour, f_show)
{
  if (!e) e = window.event;
  strColour = URLDecode(strColour);
  tooltip('colour_notes', strColour, f_show, GetPageCoordX(e) + 20, GetPageCoordY(e) + 10);
}

function sizeTooltip(e, strSizeName, strSizeNotes, f_show)
{
  if (!e) e = window.event;
  strSizeName  = URLDecode(strSizeName);
  strSizeNotes = URLDecode(strSizeNotes);
  strText = strSizeName == null ? "" : "<b>" + strSizeName + ":</b> " + strSizeNotes;
  tooltip('size_notes', strText, f_show, GetPageCoordX(e) + 20, GetPageCoordY(e) + 10)
}

function parent_changeColour(strPriName, strSecName)
{
  var stage = parent.GetBuildStage();
  if (stage)
    stage.ItemChange("PRODUCT_C", "_pri=" + escape(strPriName) + "&_sec=" + escape(strSecName));
}

function parent_changeSize(strSizeCode)
{
  var stage = parent.GetBuildStage();
  if (stage)
    stage.ItemChange("PRODUCT_S", "_size=" + escape(strSizeCode));
}

function highlightSizeByCode(strSizeCode)
{
  if (g_prevSizeDiv)
    $(g_prevSizeDiv).css('border-color', '');
  g_prevSizeDiv = $('#div_s_' + strSizeCode).css('border-color', '#ff0000');
}

function highlightColourByNames(strPriName, strSecName)
{
  if (g_prevColourDiv)
    $(g_prevColourDiv).css('border', '');
  g_prevColourDiv = $('#div_c_' + strPriName.replace(" ", "") + "_" + strSecName.replace(" ", "")).css('border', '#ff0000 solid 1px');
}