function ShowQuantityOverlay(event, prName, accPrId, index, action,quanInCart)
{
	if (quanInCart == 1)
	{
		ChangeCartAcc(event, accPrId, index, 'removeAcc', 'Y', 'accQtyOverLay');
		showUpdateBox(event, 0, 'warningMsg', 0);
	}
	else
	{
	 
		var quanOptions = '';
		var i = 1;
		for ( i=1; i<=quanInCart; i++)
		{
			quanOptions = quanOptions + "<option value=\"" + i + "\">" + i + "</option>";
		}
		
		if (action == 'remove')
			var html = "<p><span class=\"Med\">How many <strong>" + prName + "</strong> do you want to remove from your cart?</span><select id=\"accQtyOverLay[" + accPrId + "]\">&nbsp;" + quanOptions + "</select></p><br><p class=\"centerIt\"><input class=\"PR10\" type=\"image\" src=\"/img/buttons/ok_sm.gif\" alt=\"Add to Cart\" onClick=\"ChangeCartAcc(event, " + accPrId + ", " + index + ", 'removeAcc', 'Y', 'accQtyOverLay');hideUpdateBox('overlaybox');\"/> <input type=\"image\" src=\"/img/buttons/cancel.gif\" alt=\"cancel\" onClick=\"hideUpdateBox('overlaybox');\"/></p>";
		else
			var html = "<img src=\"/img/icons/updateCart.gif\" alt=\"Cart Icon\" class=\"floatLeft PR10\" /><p><span class=\"Med\"><strong>" + prName + "</strong> has been added to your cart.</span><br />Would you like to add any more?<select id=\"accQtyOverLay[" + accPrId + "]\"><option value=\"1\">1</option><option value=\"2\">2</option><option value=\"3\">3</option><option value=\"4\">4</option><option value=\"5\">5</option></select></p><br><p class=\"centerIt\"><input class=\"PR10\" type=\"image\" src=\"/img/newFrontEnd/hm_addToCart_btn.gif\" alt=\"Add to Cart\" onClick=\"ChangeCartAcc(event, " + accPrId + ", " + index + ", 'addAcc', 'Y', 'accQtyOverLay', 'remove');hideUpdateBox('overlaybox');\"/> <input type=\"image\" src=\"/img/buttons/no_thanks.gif\" alt=\"No Thanks\" onClick=\"hideUpdateBox('overlaybox');\"/></p>";
	  
	  
		document.getElementById("overlaybox").innerHTML= html;
		showUpdateBox(event, 0, 'overlaybox', 1 );
	}
}


function SwitchViewsHover(viewType)
{
 
	if (viewType == 'thumbnail')
	{
		document.getElementById('listView').className = "visibilityNo";
		for (var i = 0; i < document.getElementById('thumbAccResults').children.length; i++) 
		{
		 
    		if (document.getElementById('brsAccResults').children[i].className == "ctrlXpand") 
    		{
    			var index = document.getElementById('brsAccResults').children[i].getAttribute('index');
    			 
    			var expandSecId = 'thumbnail-content-' + index;
        		document.getElementById(expandSecId).className = "visibilityYes";
        		document.getElementById(expandSecId).style.display = "table-row-group";
    		}
    	}
		document.getElementById('thumbnailView').className = "visibilityYes";
		document.getElementById('viewLeft').className = 'listViewOff';
		document.getElementById('viewRight').className = 'thumbViewHover';
	}
	else if ( viewType == 'list')
	{
		document.getElementById('listView').className = "visibilityYes";
		for (var i = 0; i < document.getElementById('thumbAccResults').children.length; i++) 
		{
		 
    		if (document.getElementById('thumbAccResults').children[i].className == "ctrlXpand") 
    		{
    			var index = document.getElementById('thumbAccResults').children[i].getAttribute('index');
    		 
    			var expandSecId = 'list-content-' + index;
        		document.getElementById(expandSecId).className = "visibilityYes";
        		document.getElementById(expandSecId).style.display = "table-row-group";
    		}
    	}

		document.getElementById('thumbnailView').className = "visibilityNo";
		document.getElementById('viewLeft').className = 'listViewHover';
		document.getElementById('viewRight').className = 'thumbViewOff';
	}
	
}

function SwitchViewOut(viewType)
{
	if (viewType == 'list')
	{
		document.getElementById('viewLeft').className = 'listView';
		document.getElementById('viewRight').className = 'thumbViewOff';
	}
	else if ( viewType == 'thumbnail')
	{
		document.getElementById('viewLeft').className = 'listViewOff';
		document.getElementById('viewRight').className = 'thumbView';
	}
	
	
}
