//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
	   {
			// 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;
}