function setCursorAtEnd(sTextboxID) { 
var oTextbox = document.getElementById(sTextboxID); 
if (oTextbox != null)
{
oTextbox.focus();
oTextbox.value = oTextbox.value;
}
}
function setSelectionRange(sTextboxID)
{
var inputField = document.getElementById(sTextboxID);
if (inputField != null && inputField.value.length > 0)
{
if (inputField.createTextRange)
{
var FieldRange = inputField.createTextRange();
FieldRange.moveStart('character',
inputField.value.length);
FieldRange.collapse();
FieldRange.select();
}
}
}

function changeDivDisplay(boxname, layer_ref, force) {
	if (boxname) {
  	     box = eval('document.forms[0].' + boxname);
	}
	if (force) {
     	    state = force;
	} else {
	    if (box.checked) {
		state = 'block';
	    } else {
		state = 'none';
	    }
	}
	if (document.all) {
	    eval( 'document.all.' + layer_ref + '.style.display = state');
	}
	if (document.layers) {
	    document.layers[layer_ref].display = state;
	}
	if (document.getElementById && !document.all) {
	    whatever = document.getElementById(layer_ref);
	    whatever.style.display = state;
	}
}
function ShowDetails(fldval, divname)
{
	document.getElementById(divname).innerHTML = fldval;
	//If the product is zp22001 then we have to move the text items down
	//slightly to fit the larger format due to the punch hole at the top:
	var productID = getQueryVariable("itemcode");
    if (productID == 'ZP22001')
        {
    //Vicosity:
	document.getElementById('RectFld3').style.posTop = document.getElementById('RectBG').style.posTop + 25;
	//Application:
	document.getElementById('RectFld4').style.posTop = document.getElementById('RectBG').style.posTop + 35;
	//Additional Information:
	document.getElementById('RectFld5').style.posTop = document.getElementById('RectBG').style.posTop + 42;
	    }
	return;
}
//Sets the style for the preview area elements
function SwapBG(selected, bgname, shape)
{	
    	var bgimage = document.getElementById(bgname);
    	if (selected != '') {
	        if (shape == 'None') { 
	            bgimage.className = bgname+selected+'_filled';
	        } else {
	            bgimage.className = bgname+selected;
	        }
	    }
}
//Sets the style for the preview area elements for our new product that
//includes a space for a hole punch at the top
function SwapBGZ(selected, bgname, shape)
{	
    	var bgimage = document.getElementById(bgname);
    	bgname = "Z" + bgname;
    	if (selected != '') {
	        if (shape == 'None') { 
	            bgimage.className = bgname+selected+'_filled';
	            //alert(bgname+selected+'_filled');
	        } else {
	            bgimage.className = bgname+selected;
	            //alert(bgname+selected);
	        }
	    }
}
//Similar to asp.net request.querystring, but for Javascript:
function getQueryVariable(variable) 
    { 
        var query = window.location.search.substring(1); 
        var vars = query.split("&"); 
            for (var i=0;i<vars.length;i++) 
            { 
                var pair = vars[i].split("="); 
                if (pair[0] == variable) 
                { 
                    return pair[1]; 
                } 
        } 
    } 
//Changes the Shape graphic to what the user has selected:
function SwapIcon(colorinput, shapeinput, label)
{	
	var colorfld = document.getElementById(colorinput);
	var color = colorfld.value;
	//if (color == '') color = 'black';
	var shapefld = document.getElementById(shapeinput);
	var shape = shapefld.value;
	var imagename = label+'Icon';
	var bgname = label+'BG';
	if (color != '')
	{
	    if (shape == 'None') { 
	        var newimage = 'labelwizard/icons/blank.gif';
	        SwapBG(color+'_filled', bgname);
	    } else {
	        var newimage = 'labelwizard/icons/'+color+'/'+shape+'.gif';
	        SwapBG(color, bgname);
	    }
	    document.getElementById(imagename).src=newimage;
	    UpdateTitle(color, shape, label+'title', 'y');
	}
}
//Displays the shape according to the color selected:
function SwapIconZ(colorinput, shapeinput, label)
{	
	var colorfld = document.getElementById(colorinput);
	var color = colorfld.value;
	//if (color == '') color = 'black';
	var shapefld = document.getElementById(shapeinput);
	var shape = shapefld.value;
	var imagename = label+'Icon';
	var bgname = label+'BG';
	if (color != '')
	{
	    if (shape == 'None') { 
	        var newimage = 'labelwizard/icons/blank.gif';
	        SwapBGZ(color+'_filled', bgname);
	    } else {
	        var newimage = 'labelwizard/icons/'+color+'/'+shape+'.gif';
	        SwapBGZ(color, bgname);
	    }
	    var targetImage;
	    targetImage = document.getElementById(imagename);
	    //document.getElementById(imagename).src=newimage;
	    targetImage.src = newimage;
	    //Because we have less room to work with, reduce the size of the 
	    //image slightly:
	    targetImage.height = targetImage.height * 0.90;
	    targetImage.width = targetImage.width * 0.90;
	    //Because we have changed the layout, move the image down slightly:
        document.getElementById('RectImg').style.posTop = document.getElementById('RectBG').style.posTop + 20;
	    UpdateTitleZ(color, shape, label+'title', 'y');
	}
}
//Displays the selected color and/or shape - as a textual title:
function UpdateTitle(color, shape, titleid, colorchange) {
    var newtitle = color;
    if (newtitle == 'DkGreen') newtitle = "Dk Green";
    if (newtitle == 'MidGreen') newtitle = "Mid Green";
    if (shape != 'None') {
        newtitle = newtitle+' '+shape; 
    }
    document.getElementById(titleid).innerHTML=newtitle.toUpperCase();
    if (colorchange) {
        var titlecolor;
        if (color == 'Beige' || color == 'Gray' || color == 'Yellow') {
            titlecolor = 'black';
        } else {
            titlecolor = 'white';
        }
        document.getElementById(titleid).className='labeltitle_'+titlecolor;
    }
}
//Displays the selected color and/or shape - as a textual title:
function UpdateTitleZ(color, shape, titleid, colorchange) {
    var newtitle = color;
    if (newtitle == 'DkGreen') newtitle = "Dk Green";
    if (newtitle == 'MidGreen') newtitle = "Mid Green";
    if (shape != 'None') {
        newtitle = newtitle+' '+shape; 
    }
    document.getElementById(titleid).innerHTML=newtitle.toUpperCase();
    if (colorchange) {
        var titlecolor;
        if (color == 'Beige' || color == 'Gray' || color == 'Yellow') {
            titlecolor = 'black';
        } else {
            titlecolor = 'white';
        }
        document.getElementById(titleid).className='labeltitle_'+titlecolor;
        //because we are using a larger format to accomodate the punch hole at
        //the top, move the title down a little:
        document.getElementById(titleid).style.posTop = document.getElementById('RectBG').style.posTop + 25;
    }
}
function CopyDropdown(drpvalue, previewfield, otherdiv) {
    if (otherdiv) {
        if (drpvalue == 'Other') {
            eval('document.forms[0].elements.ctl00$ContentPlaceHolder1$' + otherdiv + '.style.display = ""');
        } else {
            eval('document.forms[0].elements.ctl00$ContentPlaceHolder1$' + otherdiv + '.style.display = "none"');
      	    ShowDetails(drpvalue, previewfield);
      	}
    } else {
        ShowDetails(drpvalue, previewfield);
    }
}
function FPShowColor(colorinput, label) {
	var colorfld = document.getElementById(colorinput);
	var color = colorfld.value;
	var divname = label+'Color';
	if (color) {
      	changeDivDisplay('', divname, 'block');
      	if (color == 'DarkGreen') color = "Dk Green";
      	if (color == 'MidGreen') color = "Mid Green";
	    ShowDetails(color, divname);
    } else {
      	changeDivDisplay('', divname, 'none');   	
    }
}
function FPSwapIcon(shapeinput, label)
{	
	var shapefld = document.getElementById(shapeinput);
	var shape = shapefld.value;
	if (shape == 'None') {
      	changeDivDisplay('', 'FillPointImg', 'none');
    } else {
      	var imagename = label+'Icon';
      	var bgname = label+'BG';
      	var newimage = 'labelwizard/icons/fillpoint/'+shape+'.gif';
      	document.getElementById(imagename).src=newimage;
      	changeDivDisplay('', 'FillPointImg', 'block');
    }
}
function FPShowText(fldval, divname)
{
	if (fldval) {
	    document.getElementById(divname).innerHTML=fldval;
      	changeDivDisplay('', divname, 'block');
	} else {
      	changeDivDisplay('', divname, 'none');
	}
	return;
}
function FPLimitRows() {
   var count = 0;
   var field;
   var fullname;
   var fields = new Array("drpFillPointColor","drpFillPointShape","txtFillPointText1","txtFillPointText2");
   for (var loop = 0; loop < fields.length; loop++) {
		fullname = 'ctl00$ContentPlaceHolder1$'+ fields[loop];
		field = document.getElementById(fullname);
		if (field.value.length > 0 && field.value != 'None') {
		   	count += 1;
		}
   }
   if (count == 3) {
       FPLockFields('lock');
   } else {
       FPLockFields('unlock');
   }
   return count;
}
/*
function FPPColorShapeChange(colorinput, shapeinput, label) (
	var title;
	var imagename = label+'Icon';
	var colorfld = document.getElementById(colorinput);
	var color = colorfld.value;
	var shapefld = document.getElementById(shapeinput);
	var shape = shapefld.value;
	if (shape == 'None') { 
        var newimage = 'labelwizard/icons/blank.gif';
    } else {
        var newimage = 'labelwizard/icons/'+label+'/'+color+'/'+shape+'.gif';
    }
	var imagename = label+'Icon';
	document.getElementById(imagename).src=newimage;
	UpdateTitle(color, shape, label+'Title', '');
}
*/
function FPLockFields(action) {
   var field;
   var fullname;
   var fields = new Array("drpFillPointColor","drpFillPointShape","txtFillPointText1","txtFillPointText2");
   for (var loop = 0; loop < fields.length; loop++) {
		fullname = 'ctl00$ContentPlaceHolder1$'+ fields[loop];
		field = document.getElementById(fullname);
		if (action == 'lock') {
		    document.getElementById('lblFieldLock').innerHTML='Only three fields may be selected at any one time';
		    if (field.value.length > 0 && field.value != 'None') {
		        // leave unlocked
		    } else {
		        field.disabled = true;
		    }
		} else {
		    document.getElementById('lblFieldLock').innerHTML='';
		    field.disabled = false;
		} 
   }
}
function SwapHazMatIcon(colorinput, shapeinput, label)
{	
	var colorfld = document.getElementById(colorinput);
	var color = colorfld.value;
	var shapefld = document.getElementById(shapeinput);
	var shape = shapefld.value;
	var imagename = label+'Icon';
	if (color)
	{
	    if (shape == 'None') { 
	        var newimage = 'labelwizard/icons/blank.gif';
	    } else {
	        var newimage = 'labelwizard/icons/hazmat/'+color+'/'+shape+'.gif';
	    }
	    document.getElementById(imagename).src=newimage;
	    UpdateTitle(color, shape, label+'Title', '');
	} else {
	    var newimage = 'labelwizard/icons/blank.gif';
	    document.getElementById(imagename).src=newimage;
	    UpdateTitle(color, shape, label+'Title');
	}
}
function DRSwapBG(colorfield, shapefield, textfield) {
    	var bgname = 'DrumRingLabelImg';
    	var txtfldname = 'DrumRingFld1';
    	var bgimage = document.getElementById(bgname);
    	var color = document.getElementById(colorfield).value.toLowerCase();
    	var shape = document.getElementById(shapefield).value.toLowerCase();
    	var text1 = document.getElementById(textfield).value;
        var imagename;
        if ((color) || (shape != 'none') || (text1)) {
            if (!color) color = 'black';
            imagename = 'labelwizard/templates/'+color+'/drumring';
            if (shape != 'none') imagename = imagename+'_'+shape;
            if (text1) {
                imagename = imagename+'_text';
                document.getElementById(txtfldname).innerHTML = text1;
                document.getElementById('DrumRingLabel').innerHTML = 'Text will be printed in white space on label';
            } else {
                document.getElementById(txtfldname).innerHTML = '';
                document.getElementById('DrumRingLabel').innerHTML = '';
            }
            imagename = imagename+'.jpg';
        } else {
            imagename = '/labelwizard/templates/drumring_blank.jpg';
            document.getElementById(txtfldname).innerHTML = '';
            document.getElementById('DrumRingLabel').innerHTML = '';
        }
        DrumRingFld1
        bgimage.src = imagename;
}