var divDropDown, blDDFirstClick, sDDCurrentDate, sLastDDType;

function ShowDropDown(DDType, TagID, Format) {

	var sValue,sLeft,sTop;

	if (divDropDown == null) {
	   divDropDown = document.createElement("DIV");
	   divDropDown.id = "divDropDown";
	   document.body.appendChild(divDropDown);
	   divDropDown.style.visibility = "hidden";
	   divDropDown.style.position = "absolute";
	   divDropDown.style.zIndex = 99;
	   divDropDown.className = "bdm2";
	}
	
	if (divDropDown.style.visibility == "visible") {
	   if (DDType == sLastDDType) {
	      HideDropDown();
	      return;
	   }
	}

	sLastDDType = DDType;

	var txt = GetTextElement(TagID);
	var elDisp = GetDispElement(TagID);
	   
   if (txt.value == "")
      sValue = "";
   else
      sValue = txt.value;
   switch (DDType) {
      case 1:
         LoadDateDropDown(TagID, sValue, Format);
         break;
      case 2:
         LoadTimeDropDown(TagID, sValue);
         break;
      case 3:
         LoadWeightDropDown(TagID, sValue);
         break;
      case 4:
         LoadLengthDropDown(TagID, sValue);
         break;
      case 5:
         LoadIMLayoutDropDown(TagID, sValue, Format);
         break;
   }

   if (elDisp == null) {
      sTop = absTop(txt) + txt.clientHeight;
      sLeft = absLeft(txt);
   }
   else {
      sTop = absTop(elDisp) + elDisp.clientHeight;
      sLeft = absLeft(elDisp);
   }

   divDropDown.style.top = sTop.toString() + "px";
   divDropDown.style.left = sLeft.toString() + "px";

   HideSelects(true);

   blDDFirstClick = true;
   divDropDown.style.visibility = "visible";
   document.onclick = ddCheckOutsideClick;
   //if (document.addEventListener)
   //   document.addEventListener("click", ddCheckOutsideClick, false);
   //else
   //   document.attachEvent("onclick", ddCheckOutsideClick);
}

function ddCheckOutsideClick(e) {

   if (blDDFirstClick)
      blDDFirstClick = false;
   else {
      var blHide = true;
      var blLoop = true;
      var ev = (e || window.event);
      var tgt = (ev.target || ev.srcElement);

      while (blLoop) {
         if (tgt.id == "divDropDown") {
            blHide = false;
            blLoop = false;
         }
         else {
            if (tgt.parentNode)
               tgt = tgt.parentNode;
            else
               blLoop = false;
         }
      }

      if (blHide)
         HideDropDown();
   }

}

function LoadIMLayoutDropDown(TagID,Layout,ClickType) {

   var sRet;
   
   sRet = "<table border=0 cellpadding=1 cellspacing=0 style='background-color:#ffffff;width:270px'>";
   sRet += "<tr><td class='txl hand fs8' style='border:1px solid #ffffff'";
   sRet += " onclick=SetTagIDIMLayout('" + TagID + "','iflat5x7','" + ClickType + "');"
   sRet += " onmouseover=this.style.borderColor='#c0c0c0' onmouseout=this.style.borderColor='#ffffff'>";
   sRet += "5x7 Matte 100lb White Cardstock";
   sRet += "</td></tr>";
   sRet += "<tr><td class='txl hand fs8' style='border:1px solid #ffffff'";
   sRet += " onclick=SetTagIDIMLayout('" + TagID + "','iflat','" + ClickType + "');"
   sRet += " onmouseover=this.style.borderColor='#c0c0c0' onmouseout=this.style.borderColor='#ffffff'>";
   sRet += "4x6 Glossy Photo - Mounted to 6 &frac14;x4 &frac14; Card";
   sRet += "</td></tr>";
   sRet += "<tr><td class='txl hand fs8' style='border:1px solid #ffffff'";
   sRet += " onclick=SetTagIDIMLayout('" + TagID + "','ifolding','" + ClickType + "');"
   sRet += " onmouseover=this.style.borderColor='#c0c0c0' onmouseout=this.style.borderColor='#ffffff'>";
   sRet += "4x6 Glossy Photo - Mounted to 6 &frac14;x4 &frac14; Folding Card $";
   sRet += "</td></tr>";
   
   sRet += "</table>";

   divDropDown.innerHTML = sRet;
}

function SetTagIDIMLayout(TagID, Value, ClickType) {
   var sDisplay;

   var elDisp = GetDispElement(TagID);
   var txt = GetTextElement(TagID);

   switch (Value) {
      case "iflat":
         sDisplay = "4x6 Glossy Photo - Mounted";
         break;
      case "ifolding":
         sDisplay = "4x6 Glossy Photo - Folding";
         break;
      case "iflat5x7":
         sDisplay = "5x7 Matte 100lb Cardstock";
         break;
      case "ifolding5x7":
         sDisplay = "5x7 Folding Card Stock";
         break;
   }

   txt.value = Value;
   if (elDisp != null) {
      if (elDisp.innerText)
         elDisp.innerText = sDisplay;
      else 
         elDisp.textContent = sDisplay;
   }

   HideDropDown();

   if (ClickType == "product") {
      SetImageSRC("Layout", Value);
      UpdateProductPrice();
   }
}

function LoadWeightDropDown(TagID,WeightStr) {

	var i,iPound,iOunce;
	var sRet;
	
	sRet="<table border=0 cellpadding=1 cellspacing=0 style='width:150px'>";
	sRet+="<tr>";
	sRet+="<td align=center width=50% class='fs8 txb clw gdd2 bd3d2'>Pounds</td>";
	sRet += "<td align=center width=50% class='fs8 txb clw gdd2 bd3d2'>Ounces</td>";
	sRet += "</tr>";

	sRet += "<tr>";
	sRet += "<td class='txc bgw' style='border-right:1px dotted #c0c0c0'>";
	sRet += "<div style='height:190px;overflow:auto;'>";
	for (i = 1; i <= 16; i++) {
	   sRet += "<div align=center class='fs8 txb hand' style='border:1px solid #ffffff'";
	   sRet += " onmouseover=this.style.borderColor='#c0c0c0'";
	   sRet += " onmouseout=this.style.borderColor='#ffffff'";
	   sRet += " onclick=SetTagIDWeight('" + TagID + "','" + i + "',1);>"
	   sRet += i.toString();
	   sRet += "</div>";
	}
	sRet += "</div>";
	sRet += "</td>";

	sRet += "<td class='txc bgw'>";
	sRet += "<div style='height:190px;overflow:auto;'>";
	for (i = 0; i <= 15; i++) {
	   sRet += "<div align=center class='fs8 txb hand' style='border:1px solid #ffffff'";
	   sRet += " onmouseover=this.style.borderColor='#c0c0c0'";
	   sRet += " onmouseout=this.style.borderColor='#ffffff'";
	   sRet += " onclick=SetTagIDWeight('" + TagID + "','" + i + "',2);>"
	   if (i == 0)
	      sRet += "none";
	   else
	      sRet += i.toString();
	   sRet += "</div>";
	}
	sRet += "</div>";
	sRet += "</td>";
	
	sRet += "</tr>";

	sRet += "<tr>";
	sRet += "<td colspan=2 class='txc gdd2' style='padding:4px'><span class='bd3d2 clw hand fs8' style='padding:2px' onclick=SetTagIDWeight('" + TagID + "','',99)>Clear</span></td>";
	sRet += "</tr>";
	
	sRet+="</table>";
	
	divDropDown.innerHTML=sRet;
}

function SetTagIDWeight(TagID,Value,Option)
{
	var sWeight,sPound,sOunce,sVals,iVals;

	var elDisp = GetDispElement(TagID);
	var txt=GetTextElement(TagID);
	
	sOunce="";
	sPound="";
	sWeight = txt.value;

	if (sWeight!="")
		{
		sVals=sWeight.split(" ");
		iVals=sVals.length-1;
		
		if (iVals>=2)
			{
			sPound=sVals[0];
			sOunce=sVals[2];
			}
		else
			sPound=sVals[0];
		}
		
	if (Option==1)
		sPound=Value;
	else
		sOunce=Value;
		
	if (sPound=="")
		sInch="0"


   if (sPound != "") {
      sWeight = sPound + " lbs.";
      if (sOunce != "" && sOunce != "0")
         sWeight += ", " + sOunce + " oz.";
   }

   if (Option == 99)
      sWeight = "";
		
	txt.value=sWeight;
	if (elDisp != null)
	   elDisp.innerHTML = sWeight;

	if (Option==2 || Option==99)
		HideDropDown();
}

function LoadLengthDropDown(TagID,LengthStr)
{
   var sColor,sRet;
	var i,iInches,iInch;
	var sFractions = new Array("none", "1/8", "1/4", "3/8", "1/2", "5/8", "3/4", "7/8");
	
	sRet="<table border=0 cellpadding=1 cellspacing=0 style='width:200px'>";
	sRet+="<tr>";
	sRet+="<td align=center width=50% class='fs8 txb clw gdd2 bd3d2'>Inches</td>";
	sRet += "<td align=center width=50% class='fs8 txb clw gdd2 bd3d2'>Fractions</td>";
	sRet+="</tr>";

	sRet += "<tr>";
	sRet += "<td class='txc bgw' valign=top>";
	sRet += "<div style='height:190px;overflow:auto;'>";
	for (i = 8; i <= 31; i++) {
	   sRet += "<div align=center class='fs8 txb hand' style='border:1px solid #ffffff'";
	   sRet += " onmouseover=this.style.borderColor='#c0c0c0'";
	   sRet += " onmouseout=this.style.borderColor='#ffffff'";
	   sRet += " onclick=SetTagIDLength('" + TagID + "','" + i + "',1);>"
	   sRet += i.toString();
	   sRet += "</div>";
	}
	sRet += "</div>";
	sRet += "</td>";

	sRet += "<td class='txc bgw' valign=top>";
	for (i = 0; i <= sFractions.length-1; i++) {
	   sRet += "<div align=center class='fs8 txb hand' style='border:1px solid #ffffff'";
	   sRet += " style='border:1px solid #ffffff;font-size:8pt;font-weight:bold;cursor:pointer;'";
	   sRet += " onmouseover=this.style.borderColor='#c0c0c0'";
	   sRet += " onmouseout=this.style.borderColor='#ffffff'";
	   sRet += " onclick=SetTagIDLength('" + TagID + "','" + sFractions[i] + "',2);>"
	   sRet += sFractions[i];
	   sRet += "</div>";
	}

	sRet += "</td>";

	sRet += "</tr>";

	sRet += "<tr>";
	sRet += "<td colspan=2 class='txc gdd2' style='padding:4px'><span class='bd3d2 clw hand fs8' style='padding:2px' onclick=SetTagIDLength('" + TagID + "','',99)>Clear</span></td>";
	sRet += "</tr>";
	
	sRet+="</table>";

	divDropDown.innerHTML=sRet;
	
}

function SetTagIDLength(TagID,Value,Option)
{
	var sLength,sInch,sFraction,sVals,iVals;

	var elDisp = GetDispElement(TagID);
	var txt = GetTextElement(TagID);
	
	sInch="";
	sFraction="";
	sLength = txt.value;
	
	if (sLength!="")
		{
		sVals=sLength.split(" ");
		iVals=sVals.length-1;
		
		if (iVals>=2)
			{
			sInch=sVals[0];
			sFraction=sVals[1];
			}
		else
			sInch=sVals[0];
		}
		
	if (Option==1)
		sInch=Value;
	else
		sFraction=Value;
		
	if (sInch=="")
		sInch="0"
		
	sLength=sInch;
	if (sFraction!="" && sFraction!="none")
		sLength+=" " + sFraction;
		
	sLength+=" inches";

	if (Option == 99)
	   sLength = "";
	   
	txt.value = sLength;
	if (elDisp != null)
	   elDisp.innerHTML = sLength;

	if (Option==2 || Option==99)
		HideDropDown();
}

function LoadDateDropDown(TagID,DateStr,Format)
{
   var sRet, iMonth, iYear;

	if (DateStr == "")
		var dt=new Date();
	else
	   var dt = new Date(DateStr);
	sDDCurrentDate = FullDate(dt);

	iMonth=dt.getMonth()+1;
	iYear=dt.getFullYear();
	
	sRet="<table border=0 cellpadding=1 cellspacing=0 style='width:190px'>";
	sRet += "<tr>";
	sRet += "<td id='tdDateHdg' colspan=5 class='bgw fs9 txb cld2 txc'>";
	sRet += MonthName(iMonth) + "&nbsp;" + iYear.toString();
	sRet += "</td>";
	sRet += "</tr>";

	sRet += "<tr class='gdd2'>";
	sRet += "<td class='txc hand clw txb' style='width:20px' onmouseover=SetDateTip('previous&nbsp;year') onmouseout=SetDateTip('') onclick=SetCalendar('" + TagID + "',3," + Format + ")><<</td>";
	sRet += "<td class='txc hand clw txb' style='width:20px' onmouseover=SetDateTip('previous&nbsp;month') onmouseout=SetDateTip('') onclick=SetCalendar('" + TagID + "',1," + Format + ")><</td>";
	sRet += "<td class='txc clw fs7 txi' style='width:110px' id='tdDateTip'>&nbsp;</td>";
	sRet += "<td class='txc hand clw txb' style='width:20px' onmouseover=SetDateTip('next&nbsp;month') onmouseout=SetDateTip('') onclick=SetCalendar('" + TagID + "',2," + Format + ")>></td>";
	sRet += "<td class='txc hand clw txb' style='width:20px' onmouseover=SetDateTip('next&nbsp;year') onmouseout=SetDateTip('') onclick=SetCalendar('" + TagID + "',4," + Format + ")>>></td>";
	sRet += "</tr>";
	sRet+="</table>";

	sRet += "<div id='divDDCalendar'>";
	sRet += BuildCalendar(TagID, 0, Format);
	sRet += "</div>";

	sRet += "<table class='gdd2' border=0 cellpadding=1 cellspacing=0 style='width:190px'>";
	sRet += "<tr>";
	sRet += "<td class='txc' style='padding:4px'>"
	sRet += "<span style='padding:2px;width:50px' class='bd3d2 txc fs8 hand clw' onclick=SetCalendar('" + TagID + "',99," + Format + ")>This Month</span>";
	sRet += "&nbsp;&nbsp;";
	sRet += "<span style='padding:2px;width:50px' class='bd3d2 txc fs8 hand clw' onclick=SetTagIDDate('" + TagID + "','',1)>Clear</span>";
	sRet += "</td>";
	sRet += "</tr>";

	divDropDown.innerHTML=sRet;
}

function BuildCalendar(TagID, Adjust, Format) {
   var sRet, sDate, sFDate, iMonth, iYear, iDay, i, iDOW, iFirstDOW, iDIM;
   
   if (sDDCurrentDate == "")
      var dt = new Date();
   else
      var dt = new Date(sDDCurrentDate);
   var dtNow = new Date();

   switch (Adjust) {
      case 1:
         dt.setMonth(dt.getMonth() - 1);
         break;
      case 2:
         dt.setMonth(dt.getMonth() + 1);
         break;
      case 3:
         dt.setFullYear(dt.getFullYear() - 1);
         break;
      case 4:
         dt.setFullYear(dt.getFullYear() + 1);
         break;
      case 99:
         dt = dtNow;
         break;
   }
   sDDCurrentDate = FullDate(dt);

   sDate = (dt.getMonth() + 1) + "/" + dt.getDate() + "/" + dt.getFullYear();
   sFDate = (dt.getMonth() + 1) + "/1/" + dt.getFullYear();
   iMonth = dt.getMonth() + 1;
   iYear = dt.getFullYear();
   iDay = dt.getDate();

   var dtF = new Date(sFDate);
   iFirstDOW = dtF.getDay();
   var dtN = new Date(sFDate);
   dtN.setMonth(dtF.getMonth() + 1);
   dtN.setDate(1);
   dtN.setDate(dtN.getDate() - 1);
   iDIM = dtN.getDate();

   var sDays = new Array("S", "M", "T", "W", "T", "F", "S")
   sRet = "<table border=0 cellpadding=1 cellspacing=0 bgcolor='#ffffff' style='width:190px;height:120px'>";
   sRet += "<tr>";
   for (i = 0; i <= 6; i++) {
      sRet += "<td class=cld2 align=center style='width:22px;font-size:9pt;font-weight:bold'>" + sDays[i] + "</td>";
   }
   sRet += "</tr>"

   dtF.setDate(dtF.getDate() - iFirstDOW);
   iDOW = 0;
   for (i = 1; i <= 42; i++) {
      if (iDOW == 0)
         sRet += "<tr>";
      sRet += "<td align=center valign=middle";

      if (dtF.getMonth() + 1 == iMonth) {
         sRet += " style='font-size:9pt;font-weight:bold;cursor:pointer;border:1px solid #ffffff";
         if (FullDate(dtF) == FullDate(dtNow))
            sRet += ";color:#008800";
         else
            sRet += ";color:#000000";

         sRet += "'";
         sRet += " onmouseover=this.style.borderColor='#c0c0c0'";
         sRet += " onmouseout=this.style.borderColor='#ffffff'";
         sRet += " onclick=SetTagIDDate('" + TagID + "','" + FullDate(dtF) + "'," + Format + ");";
         sRet += ">";
         sRet += dtF.getDate();
      }
      else
         sRet += ">";
      sRet += "&nbsp;";

      sRet += "</td>";

      if (iDOW == 6) {
         iDOW = 0;
         sRet += "</tr>";
      }
      else
         iDOW = iDOW + 1;
      dtF.setDate(dtF.getDate() + 1);
   }
   sRet += "</table>";

   return (sRet);
}

function SetCalendar(TagID, Adjust, Format) {

   var div = document.getElementById("divDDCalendar");
   var tdh = document.getElementById("tdDateHdg");
   var sCalendar;
   var dt;
   var iMonth, iYear;

   sCalendar = BuildCalendar(TagID, Adjust, Format);
   dt = new Date(sDDCurrentDate);
   iMonth = dt.getMonth() + 1;
   iYear = dt.getFullYear();
   
   tdh.innerHTML = MonthName(iMonth) + "&nbsp;" + iYear.toString(); ;
   div.innerHTML = sCalendar;

}

function SetDateTip(Text)
{

   var td = document.getElementById("tdDateTip");
   td.innerHTML = Text;
}

function SetTagIDDate(TagID,DateStr,Format)
{
	var sDate;

	var elDisp = GetDispElement(TagID);
	var txt = GetTextElement(TagID);

	var dt=new Date(DateStr);

	if (DateStr == "")
	   sDate = "";
	else
	{
	   sDate = FullDate(dt);
	   switch (Format)
	   {
	      case 2:
	         sDate = MonthName(dt.getMonth() + 1) + " " + dt.getDate() + ", " + dt.getFullYear();
	         break;
	   }
	}

	txt.value = sDate;
	if (elDisp != null)
	   elDisp.innerHTML = sDate;
	
	HideDropDown();
}

function LoadTimeDropDown(TagID,TimeStr) {

   var i, iHour,iMinute;
	var sMinute,sAMPM,sRet;

	sRet = "<table border=0 cellpadding=1 cellspacing=0 style='width:160px'>";
	sRet+="<tr>";
	sRet += "<td class='txc fs8 txb clw gdd2 bd3d2' style='width:40px'>Hour</td>";
	sRet += "<td class='txc fs8 txb clw gdd2 bd3d2'>Minute</td>";
	sRet += "<td class='txc fs8 txb clw gdd2 bd3d2' style='width:40px'>AM/PM</td>";
	sRet+="</tr>";

	sRet += "<tr>";
	sRet += "<td valign=top class='bgw' style='border-right:1px dotted #c0c0c0'>";
	for (i = 1; i <= 12; i++) {
	   sRet += "<div class='txc fs8 txb hand block' style='border:1px solid #ffffff'";
	   sRet += " onmouseover=this.style.borderColor='#c0c0c0'";
	   sRet += " onmouseout=this.style.borderColor='#ffffff'";
	   sRet += " onclick=SetTagIDTime('" + TagID + "','" + i + "',1);>"
	   sRet += i.toString();
	   sRet += "</div>";
	}
	sRet += "</td>";

	sRet += "<td valign=top class='bgw'><div style='height:190px;overflow:auto;'>";
	
	for (i = 0; i <= 59; i++) {
	   sMinute = i.toString();
	   if (sMinute.length == 1)
	      sMinute = "0" + sMinute;

	   sRet += "<div class='txc fs8 txb hand block' style='border:1px solid #ffffff'";
	   sRet += " onmouseover=this.style.borderColor='#c0c0c0'";
	   sRet += " onmouseout=this.style.borderColor='#ffffff'";
	   sRet += " onclick=SetTagIDTime('" + TagID + "','" + sMinute + "',2);>"

	   sRet += sMinute;
	   sRet += "</div>";
	}
	sRet += "</div></td>";

	sRet += "<td valign=top class='bgw' style='border-left:1px dotted #c0c0c0'>";
	for (i = 0; i <= 1; i++) {
	   if (i == 0)
	      sAMPM = "AM";
	   else
	      sAMPM = "PM";
	
	   sRet += "<div class='txc fs8 txb hand block' style='border:1px solid #ffffff'";
	   sRet += " onmouseover=this.style.borderColor='#c0c0c0'";
	   sRet += " onmouseout=this.style.borderColor='#ffffff'";
	   sRet += " onclick=SetTagIDTime('" + TagID + "','" + sAMPM + "',3);>"

	   sRet += sAMPM;
	   sRet += "</div>";
	}
	sRet += "</td>";
	
	sRet += "</tr>";

	sRet += "<tr>";
	sRet += "<td colspan=3 class='txc gdd2' style='padding:4px'><span class='bd3d2 clw hand fs8' style='padding:2px' onclick=SetTagIDTime('" + TagID + "','',99)>Clear</span></td>";
	sRet += "</tr>";

	sRet+="</table>";

	divDropDown.innerHTML = sRet;
	
}

function SetTagIDTime(TagID,Value,Option)
{
	var sTime,sHour,sMinute,sAMPM,sVals,iVals,sHM,iHM;

	var elDisp = GetDispElement(TagID);
	var txt=GetTextElement(TagID);
	
	sHour="";
	sMinute="";
	sAMPM="";
	sTime=txt.value;
	if (sTime=="")
		sTime="12:00 AM";
		
	if (sTime!="")
		{
		sVals=sTime.split(" ");
		iVals=sVals.length-1;
		
		if (iVals==1)
			{
			sHM=sVals[0].split(":");
			iHM=sHM.length-1;
			if (iHM>=1)
				{
				sHour=sHM[0];
				sMinute=sHM[1];
				sAMPM=sVals[1];
				}
			}
		}
		
	if (Option==1)
		sHour=Value;
	if (Option==2)
		sMinute=Value;
	if (Option==3)
		sAMPM=Value;
		
	sTime=sHour + ":" + sMinute + " " + sAMPM;

	if (Option == 99)
	   sTime = "";
	   
	txt.value = sTime;
	if (elDisp != null)
	   elDisp.innerHTML = sTime;
	   
	if (Option==3 || Option==99)
		HideDropDown();
}

function HideDropDown() {

   if (divDropDown.style.visibility != "hidden") {
      document.onclick = null;
      //if (document.removeEventListener)
      //   document.removeEventListener("click", ddCheckOutsideClick, false);
      //else
      //   document.detachEvent("onclick", ddCheckOutsideClick);
      
      divDropDown.style.visibility = "hidden";
      HideSelects(false);
   }
}

function GetTextElement(TagID){
	var sTag,x,y,iIndex;

	x = TagID.indexOf("(");
	y = TagID.indexOf(")");
	if (x > 0 && y > 0) {
	   sTag = TagID.substr(0, x);
	   iIndex = TagID.substr(x + 1, y - x - 1);
	}
	else {
	   sTag = TagID;
	   iIndex = 0;
	}
	
	var els=document.getElementsByName(sTag);
	var el=els[iIndex];
	
	return el;
}

function GetDispElement(TagID) {
   var sTag, x, y, iIndex;

   x = TagID.indexOf("(");
   y = TagID.indexOf(")");
   if (x > 0 && y > 0) {
      sTag = TagID.substr(0, x);
      iIndex = TagID.substr(x + 1, y - x - 1);
      sTag = sTag + "-" + iIndex;
   }
   else {
      sTag = TagID;
      iIndex = 0;
   }
   sTag = "Display" + sTag;
   
   var el = document.getElementById(sTag);

   return el;

}

function FullDate(dt)
{
	return dt.getMonth()+1 + "/" + dt.getDate() + "/" + dt.getFullYear();
}
function MonthName(Month)
{
	var sMonths=new Array("January","February","March","April","May","June","July","August","September","October","November","December");
	
	return sMonths[Month-1];
}
function ddToogle(ID, Code)
{

   var img = document.getElementById(ID);
   
   if (Code == "")
      img.src = "images/buttons/dropdown-none.gif";
   else
      img.src = "images/buttons/dropdown-" + Code + ".gif";
   
}