// Product Scripts

function ChangeVariant(sBaseProdID, sTypeName) {
	if(sTypeName == "Yarns") {
		var iColourID = $get(colourID).value;
		Serenity_WebService.SetAttributes(sBaseProdID, sTypeName, iColourID, "-1", ChangeVariant_Response);
	} else if (sTypeName == "Needles_Length_Size") {
		var iLengthID = $get(lengthID).value;
		var iSizeID = $get(sizeID).value;
		Serenity_WebService.SetAttributes(sBaseProdID, sTypeName, iLengthID, iSizeID, ChangeVariant_Response);
	} else if (sTypeName == "Needles_Size") {
		var iSizeID = $get(sizeID).value;
		Serenity_WebService.SetAttributes(sBaseProdID, sTypeName, iSizeID, "-1", ChangeVariant_Response);
	}
}


function ChangeVariant_Response(Results) {
	$get("ProductStockCode").innerHTML = Results[0];
	$get("ProductStockLevel").innerHTML = Results[1];
	$get("ProductPrice").innerHTML = Results[2];
	$get(hdnVarID).value = Results[0];
	
	if(Results[5] == "false") {
		$get("BasketButton").style.visibility = "hidden";
	} else {
		$get("BasketButton").style.visibility = "visible";
	}
	
	
	if(Results[3] != "-1" && Results[4] != "-1") 
	{
        var iVarCount = parseInt(Results[3]);
        var iVarNum = parseInt(Results[4]);
        
        var imageURL;
        var selectedImage;
        var imageList;
        var zoomID;        
        
        for(var i = 1; i <= iVarCount; i++) {
            $get('ProductImage').style.visibility = "visible";
            $get('ProductImage').style.position = "static";
            $get('ProductImage').style.display = "block";
            
            if(i == iVarNum) 
            {
				// IMAGE SELECTED //
				//****************//
							
                $get('VariantImages' + i).style.visibility = "visible";
                $get('VariantImages' + i).style.position = "static";
                
                zoomID = $get('zoom' + i);                
                
                imageList = zoomID.getElementsByTagName('img');
                
                for(var j = 0;j <= imageList.length;j++)
                {
                    if(imageList[j].name == "MainProductImage" + i)
                    {
                        selectedImage = imageList[j];
                        imageURL = imageList[j].title;
                        break;
                    }                
                }
                
                selectedImage.src = imageURL;
                
                $get('NoProductImage').style.visibility = "hidden";
                $get('NoProductImage').style.position = "absolute";
            } 
            else 
            {
            	// IMAGES NOT SELECTED //
            	//*********************//
				
                $get('VariantImages' + i).style.visibility = "hidden";
                $get('VariantImages' + i).style.position = "absolute";              
                
            }
        }
    } else {
        $get('NoProductImage').style.visibility = "visible";
        $get('NoProductImage').style.position = "static";
        $get('ProductImage').style.visibility = "hidden";
        $get('ProductImage').style.position = "absolute";
        $get('ProductImage').style.display = "none";
    }
}



function ChangeBasketItemBackground(iItemNum, sColor) {
	$get("BasketItem" + iItemNum).style.background = sColor;
}