﻿function submitBuyNowForm(showOverlay, data) 
{
    if(!showOverlay)
    {      
    	submitSingleBuyNow(data);
    }    
	else
	{	    
        // Deleting rows in case of clicking "Buy Now" button more than once
        for(var i = $('productSelectTable').rows.length; i > 1;i--)
        {
            $('productSelectTable').deleteRow(i -1);
        }
   
        var variationArray=data[4];
        variationArray.each(function(variationArrayItem, variationArrayItemIndex)
         {
            
            myRow = document.createElement("tr");
            Element.extend(myRow);

            myRow.addClassName("vTop");
            if((variationArrayItemIndex % 2)==0)
            {
                myRow.addClassName("even");
            }

            // create sku cell
            myCell = document.createElement("td");
            Element.extend(myCell);
            myCell.addClassName("firstColumn");
            
            cellText = document.createTextNode(variationArrayItem[1]);
            myCell.appendChild(cellText);
            myRow.appendChild(myCell);

            // create color name and color cell
            myCell = document.createElement("td");
            Element.extend(myCell);            
            myCell.setAttribute("width", "100px");
            
            var colorArray=variationArrayItem[3];
            colorArray.each(function(colorArrayItem, colorArrayItemIndex)
            {
                img = document.createElement('img');
                Element.extend(img);
                img.writeAttribute("src", "/img/p.gif");
                img.writeAttribute("width", "10");
                img.writeAttribute("height", "10");
			    img.writeAttribute("class", "prodVarColor");
                img.writeAttribute("style","margin-right:5px;background-color:#"+colorArray[colorArrayItemIndex]);
                myCell.appendChild(img);
            }
            )
            
            cellText = document.createTextNode("   "+variationArrayItem[2]);            
            
            myCell.appendChild(cellText);
            myRow.appendChild(myCell);
            
            // Adding hidden fields column
            myCell = document.createElement("td");
            myRow.appendChild(myCell);

            // adding productTypeId field to hidden fields column
            productTypeId = document.createElement("input");
            productTypeId.setAttribute("type", "hidden");
            productTypeId.setAttribute("name", "productTypeId");
            productTypeId.setAttribute("value", data[0]);
            myCell.appendChild(productTypeId);

            // Adding productId field to hidden fields column
            productId = document.createElement("input");
            productId.setAttribute("type", "hidden");
            productId.setAttribute("name", "productId");
            productId.setAttribute("value", data[1]);
            myCell.appendChild(productId);
            
            // Adding productName field to hidden fields column
            productName = document.createElement("input");
            productName.setAttribute("type", "hidden");
            productName.setAttribute("name", "productName");
            productName.setAttribute("value", data[2]);
            myCell.appendChild(productName);
            
            // Adding uniqueName field to hidden fields column
            uniqueName = document.createElement("input");
            uniqueName.setAttribute("type", "hidden");
            uniqueName.setAttribute("name", "uniqueName");
            uniqueName.setAttribute("value", data[3]);
            myCell.appendChild(uniqueName);
            
            // Adding skuId field to hidden fields column
            sku=document.createElement("input");
            sku.setAttribute("type", "hidden");
            sku.setAttribute("name", "sku");
            sku.setAttribute("value", variationArrayItem[0]);
            myCell.appendChild(sku);

            // qty cell with input field
            myCell = document.createElement("td");
            qtyTextBox = document.createElement("input");
            qtyTextBox.setAttribute("type", "text");
            qtyTextBox.setAttribute("name", "qty");
            qtyTextBox.setAttribute("class", "qtyField fontSmall");
			qtyTextBox.setAttribute("style", "color:#EE3224");
            qtyTextBox.setAttribute("size", "2");
            qtyTextBox.setAttribute("maxlength", "2");
            myCell.appendChild(qtyTextBox); 
            myRow.appendChild(myCell);

            // add row to table (body)            
            $('productSelectBody').appendChild(myRow);	    
         }
        );      
         //// Show overlay    
        new Popup('productSelectOverlay',null,{modal:true},{position:'center'});
	    $('productSelectOverlay').popup.show(); 

	    $('popup_overlay').onclick = function () { $('productSelectOverlay').popup.hide() };
	    
	}
}

function submitSingleBuyNow(data)
{
    $('productTypeId').value = data[0];
    $('productId').value = data[1];
    $('productName').value = data[2];
    $('uniqueName').value = data[3];
    $('qty').value = data[4];
    $('sku').value = data[5];
    $('singleBuyNow').submit();
}

function submitBuyNow(value)
{
    new Popup('productSelectOverlay',null,{modal:true},{position:'center'});
	$('productSelectOverlay').popup.show(); 

    $('popup_overlay').onclick = function () { $('productSelectOverlay').popup.hide() };
    var elements = $$('select');
    for (var i = 0; i < elements.length; i++) {
		 elements[i].hide();
	}	
}




/*checkout process */

function proceedToCheckoutPage(formObj,itemsInCart,userLogedIn) 
{
    new Popup('loginOverlay',null,{modal:true},{position:'center'});
	$('loginOverlay').popup.show();

	$('loginOverlay').onclick = function () { $('loginOverlay').popup.hide() };
}


