// 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]);
        
        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) {
                $get('VariantImages' + i).style.visibility = "visible";
                $get('VariantImages' + i).style.position = "static";
                
                $get('NoProductImage').style.visibility = "hidden";
                $get('NoProductImage').style.position = "absolute";
            } else {
                $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";
    }
}





// change the tab for the related products /size chart etc.
function changeTab(iTab)
{
    $get('Body1').style.display = "none";
    $get('Body2').style.display = "none";
    $get('Body3').style.display = "none";
    
    $get('Body' + iTab).style.display = "inline";
    
    $get('Header1').style.color = "#979797";
    $get('Header2').style.color = "#979797";
    $get('Header3').style.color = "#979797";
    $get('Header1').style.fontWeight = "normal";
    $get('Header1').style.fontWeight = "normal";
    $get('Header1').style.fontWeight = "normal";
    
    
    $get('Header' + iTab).style.color = "#343434";
    $get('Header' + iTab).style.fontWeight = "bold";
}