//Builds Image tab using bitwise functions
function buildImageTable(filternum, model) {

    var count = imgIDArray.length;
    var Imgcount = 0;
    var bitwisefilter = 0;
    var filter = filternum;
    var filterresult = 0;
    var strHTML = "";
    var rbstatus;
    if (filter != 0)
        filter = filter / 10;
    strHTML = '<br/><table width="100%" border="0" cellspacing="0" cellpadding="8" align="center"><tr>';
    for (var num = 0; num < count; ++num) {
        bitwisefilter = imgFilterArray[num];
        filterresult = filter & bitwisefilter;
        if (filterresult == bitwisefilter) {
            Imgcount++;
            if (Imgcount > 4) {
                strHTML += '</tr><tr>';
                Imgcount = 1;
            }
         
		if (imgIDArray[num] == "10")     // Retail Box
		{
			        var rtlbxcount = 0;
			        currenttable = strHTML;
			        strHTML += '<td valign="top" height="175" align="center">';
			        strHTML += '<table  border="0" cellspacing="0" cellpadding="8" class="bordergry" height="175">';
			        strHTML += '<tr><td valign="center" align="center">';
			        strHTML += '<img src="/images/products/' + imgFolderArray[num] + '/100/' + model + '.jpg" border=0>';
			        strHTML += '<br/>(For Retail Customers)</td></tr>';
			        strHTML += '<tr><td valign="middle" align="center">';
			        strHTML += '<select name="select" onChange="setRetailBoxLink(this);">';
			        strHTML += '<option value="" selected>- Select -</option>';
			        strHTML += '<option></option>';
				        for (var modelnum = 0; modelnum < modelfamilyArray.length; ++modelnum)
				        {
				          //if (modelfamilyArray[modelnum].indexOf(model) >=0 && check4retailbox(modelnameArray[modelnum],1))
				          if (modelfamilyArray[modelnum]==model && check4retailbox(modelnameArray[modelnum],1))
						        {
							        strHTML += '<option value="' + modelnameArray[modelnum] + '">' + modeldisplaynameArray[modelnum] + '</option>';
							        rbstatus = 1;
        								  
						        }
				          //Check EMEA
				          for (var EMEAmodelnum = 0; EMEAmodelnum < EMEAretailboxArray.length; ++EMEAmodelnum)
					        {
						        if ((EMEAretailboxArray[EMEAmodelnum].indexOf(modelnameArray[modelnum])>=0 && EMEAfamilyArray[EMEAmodelnum]==model))
						        {
							        strHTML += '<option value="' + EMEAretailboxArray[EMEAmodelnum] + '">' +  modeldisplaynameArray[modelnum] + ' EMEA/APAC' + '</option>';
						        rtlbxcount = 1;	
						        }
        				  
					        }
				          if (rtlbxcount == 1)
						        {
						        strHTML += '<option></option>';
						        rtlbxcount = 0;
						        }
				        }
			        strHTML += '</select><br/>';
			        strHTML += '<span class="blueInfo11B"><a href="javascript:void(0);" onclick="getRetailBoxImage(1,\'retailbox\');">High Resolution</a></span><br/><span class="blueInfo11B"><a href="javascript:void(0);" onclick="getRetailBoxImage(0,\'retailbox\');">Low Resolution</a></span>';
			        strHTML += '<br/></td></tr></table></td>';	
				        if (rbstatus != 1)
				         {
					        strHTML = currenttable;
					        Imgcount--;
				         }
	             }
	   else if (imgIDArray[num] == "11") //Retail Box2
	   { 
			var rtlbxcount = 0;
			currenttable = strHTML;
			strHTML += '<td valign="top" height="175" align="center">';
			strHTML += '<table  border="0" cellspacing="0" cellpadding="8" class="bordergry" height="175">';
			strHTML += '<tr><td valign="center" align="center">';
			strHTML += '<img src="/images/products/' + imgFolderArray[num] + '/100/' + model + '.jpg" border=0>';
			strHTML += '<br/>(For Retail Customers)</td></tr>';
			strHTML += '<tr><td valign="middle" align="center">';
			strHTML += '<select name="select" onChange="setRetailBoxLink(this);">';
			strHTML += '<option value="" selected>- Select -</option>';
			strHTML += '<option></option>';
			for (var modelnum = 0; modelnum < modelfamilyArray.length; ++modelnum)
			{
				  //if (modelfamilyArray[modelnum].indexOf(model) >=0 && check4retailbox(modelnameArray[modelnum],2))
				  if (modelfamilyArray[modelnum]==model && check4retailbox(modelnameArray[modelnum],2))
						{
							strHTML += '<option value="' + modelnameArray[modelnum] + '">' + modeldisplaynameArray[modelnum] + '</option>';
							rbstatus = 1;	  
						}
				  //Check EMEA
				  for (var EMEAmodelnum = 0; EMEAmodelnum < EMEAretailboxArray2.length; ++EMEAmodelnum)
					{
						if ((EMEAretailboxArray2[EMEAmodelnum].indexOf(modelnameArray[modelnum])>=0 && EMEAfamilyArray[EMEAmodelnum]==model))
						{
							strHTML += '<option value="' + EMEAretailboxArray2[EMEAmodelnum] + '">' +  modeldisplaynameArray[modelnum] + ' EMEA/APAC' + '</option>';
						rtlbxcount = 1;	
						}
				  
					}
				  if (rtlbxcount == 1)
						{
						strHTML += '<option></option>';
						rtlbxcount = 0;
						}
				}
			    strHTML += '</select><br/>';
			    strHTML += '<span class="blueInfo11B"><a href="javascript:void(0);" onclick="getRetailBoxImage(1,\'retailbox2\');">High Resolution</a></span><br/><span class="blueInfo11B"><a href="javascript:void(0);" onclick="getRetailBoxImage(0,\'retailbox2\');">Low Resolution</a></span>';
			    strHTML += '<br/></td></tr></table></td>';	
				if (rbstatus != 1)
				 {
					strHTML = currenttable;
					Imgcount--;
				 }
	     }
	     else if (imgIDArray[num] == "27")//Labels
	          {
	     
			    var lblcount = 0;
			    currenttable = strHTML;
			    strHTML += '<td valign="top" height="175" align="center">';
			    strHTML += '<table  border="0" cellspacing="0" cellpadding="8" class="bordergry" height="175">';
			    strHTML += '<tr><td valign="center" align="center">';
			    strHTML += '<img src="/images/products/' + imgFolderArray[num] + '/100/' + model + '.jpg" border=0>';
			    strHTML += '</td></tr>';
			    strHTML += '<tr><td valign="middle" align="center">';
			    strHTML += '<select name="select" onChange="setRetailBoxLink(this);">';
			    strHTML += '<option value="" selected>- Select Model -</option>';
			    strHTML += '<option></option>';
			    for (var modelnum = 0; modelnum < LabelArray.length; ++modelnum)
				    {
				        strHTML += '<option value="' + LabelArray[modelnum] + '">' + LabelArray[modelnum] + '</option>';
				    }
				    strHTML += '</select><br/><br/>';
			    strHTML += '<span class="blueInfo11B"><a href="javascript:void(0);" onclick="getRetailBoxImage(1,\'labels\');">High Resolution</a></span><br/><span class="blueInfo11B"><a href="javascript:void(0);" onclick="getRetailBoxImage(0,\'labels\');">Low Resolution</a></span>';
			    strHTML += '<br/></td></tr></table></td>';	

			}
		else if (imgIDArray[num] == "28")//Labels
				 {

				     var lblcount = 0;
				     currenttable = strHTML;
				     strHTML += '<td valign="top" height="175" align="center">';
				     strHTML += '<table  border="0" cellspacing="0" cellpadding="8" class="bordergry" height="175">';
				     strHTML += '<tr><td valign="center" align="center">';
				     strHTML += '<img src="/images/products/' + imgFolderArray[num] + '/100/' + model + '.jpg" border=0>';
				     strHTML += '</td></tr>';
				     strHTML += '<tr><td valign="middle" align="center">';
				     strHTML += '<select name="select" onChange="setRetailBoxLink(this);">';
				     strHTML += '<option value="" selected>- Select Model -</option>';
				     strHTML += '<option></option>';
				     for (var modelnum = 0; modelnum < LabelArray2.length; ++modelnum) {
				         strHTML += '<option value="' + LabelArray2[modelnum] + '">' + LabelArray2[modelnum] + '</option>';
				     }
				     strHTML += '</select><br/><br/>';
				     strHTML += '<span class="blueInfo11B"><a href="javascript:void(0);" onclick="getRetailBoxImage(1,\'labels2\');">High Resolution</a></span><br/><span class="blueInfo11B"><a href="javascript:void(0);" onclick="getRetailBoxImage(0,\'labels2\');">Low Resolution</a></span>';
				     strHTML += '<br/></td></tr></table></td>';

				 }
	   else
	       {
			    // strHTML += '<td align="center"><img src="../images/products/' + imgFolderArray[num] + '/100/' + model + '.jpg" border=0></td>';
                strHTML += '<td valign="top"  height="175"  align="center">';
                strHTML += '<table width="160" border="0" cellspacing="0" cellpadding="8" class="bordergry" height="175">';
                strHTML += '<tr><td valign="center" align="center">';
                strHTML += '<img src="/images/products/' + imgFolderArray[num] + '/100/' + model + '.jpg" border=0>';
                strHTML += '</td></tr>';
                strHTML += '<tr><td valign="middle" align="center">';
                strHTML += '<span class="blueInfo11B"><a href="/images/products/' + imgFolderArray[num] + '/hires/' + model + '.jpg"  target="_blank">High Resolution</a></span><br/><span class="blueInfo11B"><a href="/images/products/' + imgFolderArray[num] + '/lores/' + model + '.jpg" target="_blank">Low Resolution</a></span>';
                strHTML += '</td></tr></table></td>';
           }
        }

    }

    if (Imgcount == 1)
  {strHTML += '<td>&nbsp;</td><td>&nbsp;</td>';}
  if (Imgcount == 2)
  {strHTML += '<td>&nbsp;</td>';}
    strHTML += '</tr></table>';
    if (!document.all) //latest IE
    {
        document.getElementById("tab2images").innerHTML = strHTML;
    }
    if (document.layers) //NS
    {
        document.layers["tab2images"].innerHTML = strHTML;
    }
    if (document.all) //IE4
    {
        document.all["tab2images"].innerHTML = strHTML;
    }
}
function setRetailBoxLink(daform) {
    var daModel;
    with (daform) {
        daModel = options[selectedIndex].value;
        //options[0].selected = true;
        if (daModel != "0" && daModel != "" && daModel != "- Select Model -")
            RetailBoxModel = daModel;
        else {
            options[0].selected = true;
            RetailBoxModel = "";
        }

    }
}

function getRetailBoxImage(imgType,daBoxType) {

    var imageURL = "";
    if (RetailBoxModel != "") {
        if (imgType == "1") //Hi resolution
        {
            imageURL = "/images/products/" + daBoxType + "/hires/" + RetailBoxModel + ".jpg";
        }
        else {
            imageURL = "/images/products/" + daBoxType + "/lores/" + RetailBoxModel + ".jpg";
        }
        openAnyWindow(imageURL, 'image', '500', '500');
    }
    else
    { alert("Please select a model from the dropdown"); }
}
function check4retailbox(model,daBoxType) {
if (daBoxType=="2")
{
    for (var num = 0; num < retailboxArray2.length; ++num) 
    {
			var Retailbox2 = retailboxArray2[num];
			//alert(model);
			var pos = Retailbox2.indexOf(model);
			if (Retailbox2.indexOf(model) >= 0)
			//if (retailboxArray2[num] == model)
			{ return true; }
    }
 }
 else
 {
	    for (var num = 0; num < retailboxArray.length; ++num) 
	    {
			var Retailbox = retailboxArray[num];
			//alert(model);
			var pos = Retailbox.indexOf(model);
			if (Retailbox.indexOf(model) >= 0)
			//if (retailboxArray[num] == model)
			{ return true; }
		}
 }
return false;
}
function check4label(model) {
 for (var num = 0; num < LabelArray.length; ++num) 
    {
			var daLabel = LabelArray[num];
			//alert(model);
			var pos = daLabel.indexOf(model);
			if (daLabel.indexOf(model) >= 0)
			//if (retailboxArray2[num] == model)
			{ return true; }
    }
 
return false;
}